今度のCSSはとってもすごいらしい。
なんと、今までFlashでしか実現できなかったアニメーションによるプルダウンメニューができるらしいのだ。
□CSSだけでアニメーションプルダウンメニューを作る | CSS-EBLOG
サンプルへのリンク


ところが、実際は現状webkit系ブラウザ（SafariかGoogle Chrome）でしか動かないらしい。
□CSS3はアニメーションも指定できる！ | CSS-EBLOG
問題点として、対応ブラウザがwebkit系（Safari）しかないこと。
また、正式にCSS3として勧告されているわけではないこと（今Safariでできることが実装されない可能性）。
などがあります。
そこでCSS3を検索してみると。

□[Think IT] 第3回：CSS3では何ができるのか？ (1/3)
HTML 5の正式勧告である2010年を目処に、このCSS3も徐々に普及し始めるのではないかと思われます。
2010年というともう、そんなに先の話ではないような気もします。
そして、同じ記事の中にCSS3のさらなるすばらしい仕様が紹介されています。

□[Think IT] 第3回：CSS3では何ができるのか？ (3/3)
　実は「-webkit-border-image: url(waku.png) 18 18 18 18 round round;
」を追加することによって、可変式のボーダーを作れるのです。4隅が18pxに固定されて、それ以外の部分が中身の大きさによって伸びます（図3）。これは本当に便利ですよね！
なんと、夢にまで見た可変の角丸囲みが実現するようなのです。

プルダウンメニュー、可変の角丸ともに現在Safari3.1でのみ実装されているそうなので、
今度機会があったら調べてみたいと思います。
もしかしたら、同じwebkit系なのでGoogle Chromeでも実装されているかもしれません。

参考
□プルダウンメニュー : 地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

タグ ：
HTML5
CSS3
プルダウンメニュー
アニメーション
角丸