CSS3 でふわふわナビゲーション - 一角獣は夜に啼く

『超次元ゲイム ネプテューヌmk2』 の公式サイト を見てたら、ナビゲーションリンクがふわふわしてておしゃれな感じだったので、似たような動きをするものを CSS3 で実装してみた。 (元は Flash ぽい。) ↑ こんなの デモ 実際のコード JSFiddle にあるので興味があればどうぞ。 ふわふわナビゲーション - jsFiddle 使ってるもの 以下のような CSS の機能を使ってみた。 CSS Animations : CSS Animations CSS アニメーション - Web developer guide | MDN CSS Transitions : CSS Transitions transition - CSS | MDN CSS Transforms Level 1 *1 : CSS Transforms transform - CSS | MDN メモ ふわふ

[nobuoka]

ふわふわ〜

[ledsun]

ローテーション速度が一定だとあまり気持ちよくないね。

[inulab]

カクカクしてまう

[tkm_shohei]

ちゃうねん、CSS３でやろうと思ったらなんぼでも出来るねん・・・問題はIE８とかいうクソブラウザを、クライアントが切らせてくれるかどうかやねん（まず無いけど）

[maximum46]

かわいい系にいいな♪

[gla69]

くるくるっ！てところ、少し減速しながら止まるともっとオシャレ度増すと思います。摩擦係数てきな感じで。

[warriorking]

CSS3 でふわふわナビゲーション - えっちなのはいけないと思います

[qrac_jp]

CSS3 でふわふわナビゲーション

[himomen]

もっとふわふわにできそう

[kazuyadesse]

ふわふわ( ´ ▽ ` )ﾉ そんなに、いけないとは思いません( ´ ▽ ` )ﾉ

[deztecjp]

「やり方を探求してみる」のはよいと思う。でも「あんまり使わないでね」とも思う。

[manaten]

気に入ったデザインをCSSだけでってのは面白い試みかもしれないなあ

[mifio]

あ、これ前の仕事でやりたくて自力でやろうとして挫折したやつだ、よく読んで次こそは´д` ;

[zanasta]

ふわふわ(･ω･ )

[poppun1940]

2013-08-04 CSS3 でふわふわナビゲーション プログラミング CSS 『超次元ゲイム ネプテューヌmk2』 の公式サイト を見てたら、ナビゲーションリンクがふわふわしてておしゃれな感じだったので、似たような動きをするものを CSS