CSSのサンプル集「Text Input Effects」を使って、テキスト入力フィールドをフォーカスした際にいろいろなエフェクトを加えたちょっとリッチな雰囲気のフォームです。紹介されているサンプルの半分ほどを選び出して掲載しています。いずれもラベルのテキスト付近をクリックすると、エフェクトが発動します。なお、デザインの都合上、オリジナルの動きを省いているものがあります。

001

002

003

004

005

006

007

008

※参照元:http://tympanus.net/codrops/2015/03/18/inspiration-text-input-effects-2/
戻るボタン