input要素にフォーカスした際のアニメーションエフェクトをいろいろまとめた・「Awesome input focus effects」

Ads

Awesome input focus effects


Awesome input focus effectsはinput要素にマウスフォーカスした際のエフェクトのまとめです。borderやbackground、placeholderをcss3と少しのjQueryコードでアニメーションエフェクトを付与しています。よくあるホバーエフェクトではなくフォームのフォーカス時なのでスマフォでも実用可能ですね。

Awesome input focus effects動作サンプル