Jquery 形状效果-即使将鼠标移开，也能平滑高亮显示

大家好，有人知道如何使这个表单效果：当您单击表单字段时，它将平滑地高亮显示，即使您将鼠标移离该字段，除非您点击框外的“单击”按钮

---

我不确定这是不是CSS3的东西，或者可能有一个jQuery用于此。

他们使用的是

：focus的伪类。这基本上是说，如果鼠标内有文本闪烁器，则应用样式。这里有一个例子

input{
 /*Transition Properties*/
}
input:focus{
  border:2px solid blue;
}

我相信他们正在使用CSS3转换