前の記事 ≪：ハイセンスにデザインされたHTML/CSSテンプレート集
次の記事 ≫：2010年3月29日 管理人のブックマーク

多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル

2010年03月29日-はてなブックマーク

スポンサード リンク
Sponsor Flip Wall With jQuery & CSS ? Tutorialzine

多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル。
クリックするとパネルが立体的にアニメーションしつつフリップするUIのデモとソースのダウンロード可能です。

多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル fig.1

PHP、CSS、jQueryを使って実現されているみたいです。
アニメーションは次のように立体的に、詳しくはデモページを参照してください。

多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル fig.2

多数のパネルからアタリを見つける、的な少し遊び心のあるUIとか、アイデアを駆使して面白いものが作れるかもしれませんね。

関連エントリ
関連の記事検索：jQuery, UI
スポンサード リンク

By.KJ : 2010年03月29日 11:05 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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