Animated Checkboxes and Radio Buttons with SVG | Codrops

チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ。
チェック、ラジオをチェックするときは瞬時にチェック状態に変わってしまうのが当たり前ですが、アニメーションした方がもっとオシャレで”ちゃんと”チェックした気になります。

デモ


分かりやすいのは実際に紙でチェックするときの感じに近いからでしょうか。
なんとなく、ひと味違う感をサイトに持たせたい方は参考にしてみてもよさそう

関連エントリ

• チェックボックス、ラジオボタンをクールにデザインできるjQueryプラグイン「iCheck.js」
• 好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」