Animated Content Tabs with CSS3 | Codrops

コンテンツをアニメーションさせつつ切り替えるタブを実装するCSS3チュートリアル。
タブをクリックするとコンテンツをアニメーションしながら切り替えつつ、タブ自体も小気味よくアニメーションさせることができます
CSS3だけでやっちゃうところがいいですね。



タブ部分のデザインも微妙にグラデーションがかかっており、良い感じです。
横バージョンのタブのサンプルもあります



関連エントリ

• タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」
• jQueryベースのタブUI１５種まとめ
• 閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」