前の記事 ≪:2011年4月22日 管理人のブックマーク
次の記事 ≫:クロスブラウザで動作する線形グラデーション用CSSスニペット

CSS3をフル活用した立体的な画像ギャラリー作成デモ

2011年04月23日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Create a CSS3 Image Gallery with a 3D Lightbox Animation - Inspect Element

CSS3をフル活用した立体的な画像ギャラリー作成デモ。
一見、角丸に綺麗にデザインされたギャラリー。これだけでもいいのですが



カーソルを合わせると立体的に浮上がります。



更にクリックするとLightBoxエフェクト。



単純に使うだけでなく、中身を解読すれば、CSS3についての知識が深まりそうです。

関連エントリ
関連の記事検索:CSS3, CSS, ギャラリー, 画像
スポンサード リンク

By.KJ : 2011年04月23日 12:08 livedoor Readerで購読 Twitterに投稿

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