CSS3のtransition-timing-functionの動きをサンプルで理解しよう

<div id="transition">マウスを乗せてみてください <div id="ease">ease</div> <div id="linear">linear</div> <div id="ease-in">ease-in</div> <div id="ease-out">ease-out</div> <div id="ease-in-out">ease-in-out</div> </div> transitionはまとめて指定しています。transition-propertyとtransition-delayは省略しています。省略した場合、transition-propertyは「all」、transition-delayは「0s」になります。 #transition{ width:510px; padding:10px 20px; background:#f1f6fc; bo

[jed_lee]

CSS3のtransitionプロパティ解説と、easing系 : linear系 の違いがよく分かる記事。備忘録にかなり役立ちそう。

[peroon]

メニューでマウスオーバーしたら背景色をtransitionするのはよさそう

[spade9970]

CSSだけでちょっと動くロールオーバー効果みたいなやつ。

[seteoceano]

CSS3のtransition-timing-functionの動きをサンプルで理解しよう

[yuria_s]

CSS3のtransition-timing-functionの動きをサンプルで理解しよう