チェックボックスにチェックを入れたときのアニメーションエフェクトを追加できるCSS3。
地味なチェックボックスにちょっとした味付け。ユニークなエフェクトが多くあるので、気になる人はデモをチェックしてみよう。
Download: gh-pages.zip
Source: Checkbox.css
タグ: アニメーションエフェクト
[CSS/JS] 様々なエフェクトのスライドメニューのサンプル
ボタンを押してサイドメニューを表示させるサンプルスクリプト。
メニューがスライドする、メイン画面がスライドする、ドアのようにスライドするなど様々なアニメーションエフェクトが用意されています。
PCからスマートフォンまで、画面サイズにより可変するレスポンシブレイアウトでは、このようなサイドメニューが有効なようで多く見られますね。（PCではメニューを表示して、スマートフォンでは隠してボタンをタップするとメニュー表示するなど）