CSS3のアニメーション
CSS3でアニメーションするなら
transition
または
animation
を使う
シンプルなアニメーションをするなら
transition
これなら
マウスのロールオーバーによるリンクの強調とか
ユーザーの動作についてちょうどエフェクトかけるとかできる
とりあえずソースにすると
. slowly{
transition:
background-color 背景色を
1s アニメーション実行時間
0 開始までの遅延秒数
ease-in-out 変化の仕方
;}
.slowlyは
class=”slowly”という意味
ease-in-outの意味は
最初と最後がゆっくり変化する
他にも指定できる
ease
最初と最後が滑らか
ease-in
最初はゆっくり
ease-out
最後がゆっくり
linear
一定速度