CSS3を使った実用的なスタイルシートのテクニックのまとめ | コリス

パネルやボタン、タブ、メニューなどのUIエレメントの美しいスタイルをはじめ、ホバー時のエフェクト、レイアウトなど、CSS3を使ったスタイルシートのテクニックを紹介します。 ※CSS3を使っているため、対応ブラウザはIEでは9くらいのものが多いです。7対応もあります。 Growl Notification ダーク系のカラースキームが美しいGrowl風の通知パネル。 Slide In Image Box ホバーで画像がスライドし、アニメーションで背景が変更します。 Animated Content Tabs with CSS3 アニメーションで切り替わるタブコンテンツ。 Accordion with CSS3 チェックボックス・ラジオボタンを使ったアコーディオン。 Orman Clark's Vertical Navigation Menu: The CSS3 Version アニメーションで開閉する垂直型のアコーディオン。 Animated Profile Popover アニメーションでふんわり表示されるツールチップ。 Sliding Tags ホバーでカウンターがスライドするタグ。 Making an Impressive Product Showcase with CSS3 CSS3のダイナミックなエフェクトを伴ったスライド。 Create the Illusion of Stacked Elements

http://bit.ly/QLVJaX