「CSSだけでアニメーションプルダウンメニュー」のサンプル

Safariに実装されている-webkit-transitionを使った、アニメーションするプルダウンメニューのサンプルの紹介です。
左から2番目のメニューにマウスオーバーすると、フワっとしたアニメーションとともに下位階層のメニューが出現します。

そのため、Safari以外のブラウザで見てもアニメーションしません。
ただ、アニメーションしなくてもFirefox、IE7では正常に動作します。IE6は動作保障外です。