jquery - フォーム効果-マウスを離してもスムーズにハイライト表示

Question

こんにちは誰かがこのフォームを効果的にする方法を知っています：http ：//www.clouddigitalmedia.co.uk/contact-usフォームフィールドをクリックすると、マウスをフィールドから離しても、ヒットしない限りスムーズにハイライト表示されますボックスの外側にあるクリックボタン。

これがCSS3のものなのか、それともjQueryがあるのか​​わかりません。

Answer 1

彼らはの疑似クラスを使用してい:focusます。これは基本的に、マウスの内部にテキストブリンカーがある場合は、スタイルを適用することを意味します。これが例です

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

http://jsfiddle.net/dZ4Jh/2/