前の記事 ≪:2012年1月25日 管理人のブックマーク
次の記事 ≫:コンテンツの折りたたみを楽々実装できるjQueryプラグイン「jQuery Collaps...

CSS3で画像を分割スライドする超クールなパネル実装例

2012年01月26日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Sliding Image Panels with CSS3 | Codrops

CSS3で画像を分割スライドする超クールなパネル実装例。
例えば、画像が4枚に分割されていてそれらがアニメーションで次の画像に切り替わるというエフェクトをCSS3で実現しています。
アニメーションの種類は4種類あって、全部CSS3でJSオフで動きます。クオリティが超高いので、ダウンロード版をそのまま使いまわすことも可能。



デモページ



関連エントリ
関連の記事検索:CSS3, アニメーション
スポンサード リンク

By.KJ : 2012年01月26日 08:55 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)