on:2010年1月26日sponsorsアニメーションをはじめ、角丸、ドロップシャドウ、不透明度などCSS3での新機能を盛り込んだドロップダウン型のナビゲーションをCSSplayから紹介します。Chromeで動作します。上記キャプチャはChromeです。スライドするドロップダウンは一見jQueryなどのスクリプトかと思ってしまいますが、これがCSS3のアニメーション機能です。スライドのアニメーションだけでなく、フェードするタイプのナビゲーションも公開されています。menusナビゲーションはリスト要素で実装されており、アニメーションでスライド表示するパネルはdiv要素となっています。