対応ブラウザも徐々に増えてきて、ますます注目を集めるCSS3。様々な可能性を持っています。CSS3独自の機能も多く、その分様々な利用方法が日々考えられ、デモが作成されていますが、今回はCSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」というエントリーを紹介したいと思います。

Look Ma, No Flash!

上記の他にも様々なCSS3を利用したクリエイティブなWEBサイトが構築されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

â– Pure CSS3 Page Flip Effect
ページめくりのエフェクトをCSS3のみで表現。現状safariとchromeのみの対応となりますが、かなりスムーズなページめくりが実現されています。

　
　
　
　
　
â– Multi 3D Cubes with Animation Using CSS
CSS3を実現して立方体に文字を表示。画像ではなく、全て文字が取れるようにコーディングされています。

　
　
　
　
　
â– CSS3 Loading Spinners without Images
今まではgifアニメーションなどで実現していたローディングアニメーションをCSSのみで表現。

　
　
上記の他にも様々なCSS3を駆使したテクニックが公開されています。まだ対応ブラウザの問題もあり、一部開発者の領域のみの話題ですが、ブラウザの対応が進むに連れて標準化していくと思いますので、開発者であれば抑えておきたい領域なのではないでしょうか？

25 Amazing CSS3 Experimentations and Demos | Vandelay Design Blog