CSSだけで作ったMac Dock風のメニュー

CSSだけで作ったMac Dock風のメニューを紹介します。今までjQueryなんかを使って表現していましたが、CSS3なら簡単に作れちゃいます。再現度は高くないかもしれませんが。。 ポイントはCSS3で追加された「transition」です。これがあれば動きにあるメニューは色々作れます。 transitionについて transitionの使い方は以下のとおりです。 例によってIE8以下は「transition」に対応していませんのであしからず。 transitionは、まだ草案段階ですので、ベンダープレフィックスを付ける必要があります。 また、Firefoxでは一括して設定できないため、transition-property、transition-duration、transition-timing-functionを個別で指定する必要があります。 横バージョン まずは横バージョンです

[kanno_kanno]

すてき！

[ko-ya-ma]

transition を使う

[imoko777]

あとで読む

[forewind]

Now browsing：CSSだけで作ったMac Dock風のメニュー｜Webpark

[labunix]

CSS3だけで作ったMac Dock風のメニュー｜Webpark