確実に進化している！CSS3アニメーションで実装する10種類のナビゲーション

Example 10 エレメントのサイズとカラーを変更し、重なり順も変更。 実装 HTML HTMLの構造は、アイコン、メインテキスト、サブテキスト、3つをli要素に含めます。 <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon">A</span> <div class="ca-content"> <h2 class="ca-main">Exceptional Service</h2> <h3 class="ca-sub">Personalized to your needs</h3> </div> </a> </li> ... </ul> [ad#ad-2] CSS アイコンに使用しているのは画像ではなく、シンボルフォントを使用します。 @font-face { font-family: 'WebSymbolsRegul

[y-kawaz]

アニメーション機能が進化したのは良いが、実際に使ってるとこ見ると大抵は単に目障りなんだよな。色変化くらいは気にならないんだが、拡大・縮小・移動の動きが加わるともう中身読みづらいし触れたくなくなる。

[beth321]

　コリス

[works_ma]

　http://tympanus.net/Tutorials/CreativeCSS3AnimationMenus/

[s5-style]

Flashはもちろん、jQueryなどのJavaScriptも使用せずに、CSS3アニメーションのかっこいいナビゲーションを実装するチュートリアルまとめ

[kireifish]

スーパーまとめ。javascriptもJQueryも使わない。ダウンロードと解説付き！これはやらないと！

[ta3310]

IEは10から対応かぁ。

[glat_design]

全部くそかっこいい。なにこれ

[tunacook]

どーもデジャブがすると思ったら、jQueryで同じ感じのをやってたっけか。これをCSSアニメーションだけでやったわけね。使えるとこないかなあ

[lotus_tribal]

うひょおお！Example 7かっちょええええ！！CSS3ってすごいな・・！

[iww]

operaだとガックガクになる。firefoxではアニメしない。chromeは実にスムーズに動く

[choromo]

Flashはもちろん、jQueryなどのJavaScriptも使用せずに、CSS3アニメーションのかっこいいナビゲーションを実装するチュートリアルを紹介します。 01：エレメントのサイズ変更、背景カラーを変更。 02：アイコンのサイズ変更、

[naonya3]

まとめ

[thirtyone_cherryboy]

かっこいい

[hatsune-miku]

目が痛い

[kohaku2000]

css3によるナビゲーション アニメーションするメニューが好きな人はこれ良いかも。

[bonheur-bonheur]

cssアニメ

[aiueo010101]

transition

[nors]

http://tympanus.net/codrops/2011/10/24/creative-css3-animation-menus/

[spade9970]

IEは10にならないとダメっぽいのか。

[hr07jp]

CSS3アニメーションで実装する10種類のナビゲーション

[warriorking]

確実に進化している！CSS3アニメーションで実装する10種類のナビゲーション | コリス

[asterisknautz]

メモ クイックポスト

[tsuki-rs]

若干動作が重いけど、すごく素敵

[hiroproject]

CSS3

[kussun]

すごくイイ動きするね。 これを取り入れた UI と サイトデザイン を考えてみたい。

[Donca]

✔ 確実に進化している！CSS3アニメーションで実装する10種類のナビゲーション