CSS3によるアニメーションに対応

classNameを変更する仕様のスクリプトのため、CSS3のtransitionに対応しているブラウザであればアニメーションをかけることができます。アニメーションするタブメニューっていいね!

CSS3っていいよネ!!CSS3のTransitionを利用してClass名変更時にアニメーションアクションを付与することが可能。タブメニューのラベル欄やタブ内をアニメーションで遷移させることができます。

タブがアクティブな場合はrt_tabs、タブがインアクティブな場合はrt_tabs_closeというクラス名が与えられます。ラベルも同様にrt_label、rt_label_closeというクラス名が与えられるため、CSS側で自由にアニメーションを実装することができます。

Javascriptを使わないでアニメーションってイイヨネ!

コメント欄