前の記事 ≪:スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリー...
次の記事 ≫:2012年4月19日 管理人のブックマーク

コンテンツをアニメーションさせつつ切り替えるタブを実装するCSS3チュートリアル

2012年04月19日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
Animated Content Tabs with CSS3 | Codrops

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



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



関連エントリ
関連の記事検索:CSS3
スポンサード リンク

By.KJ : 2012年04月19日 10:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)