[CSS]CSS3を使って画像の見せ方をちょっと変えるチュートリアル
Post on:2009年12月25日
CSS3で画像に影をつけたり、回転させたりして、見せ方を今までとちょっと違ったふうにするチュートリアルを24 waysから紹介します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009122501.png)
Going Nuts with CSS Transitions
demo
デモ(上記キャプチャ)はChromeで期待通りの動作をしています。
また、完全に対応していないブラウザでもそれなりに動作します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009122502.png)
Fx3.5でのキャプチャ
チュートリアルでは上記のように、CSS3アニメーションを伴った画像ギャラリーを実装するもので構成されています。
複数のテクニックが紹介されていますが、個々のテクニックを利用するだけでも、既存サイトに簡単に利用できるようなものがあります。
下記のものは、画像を回転させ、影をつけたものです。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009122503.png)
sponsors