CSS3 Stacks Experiment

CSS3で実現するMac OS Leopard風のStack実装例が公開されています。
クリックすると、アニメーションしながら出てくるStackがカッコいいです。



半透明、ボーダー付き角丸となかなかのテクニックを駆使しているみたいですね。

サイトに書かれている使われているプロパティとしては、次のようなものが使用されてるそうです。

・擬似 :target クラス
・transform
・transition
・border-radius
・border-image
・CSSグラデーション
・rgba colors
・text-overflow: ellipsis;

関連エントリ

• ピュアCSS3で3Dアニメーション
• jQueryとCSS3で作るカラフルなスライダーウィジェット
• 近未来に頻繁に使われるであろうCSS3サンプル１０
• ピュアCSS3を使ったajaxアニメーション実装例
• CSS3なボタンをWEB上で作れる「Button Maker」