[CSS]CSS3を使って画像の見せ方をちょっと変えるチュートリアル

CSS3で画像に影をつけたり、回転させたりして、見せ方を今までとちょっと違ったふうにするチュートリアルを24 waysから紹介します。

Going Nuts with CSS Transitions
demo

デモ（上記キャプチャ）はChromeで期待通りの動作をしています。
また、完全に対応していないブラウザでもそれなりに動作します。

Fx3.5でのキャプチャ

チュートリアルでは上記のように、CSS3アニメーションを伴った画像ギャラリーを実装するもので構成されています。

複数のテクニックが紹介されていますが、個々のテクニックを利用するだけでも、既存サイトに簡単に利用できるようなものがあります。

下記のものは、画像を回転させ、影をつけたものです。

demo

Post on:2009年12月25日