FC2ブログ

CSS3のアニメーション

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
一定速度
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック