げんしろうのアニメーション
トップページへ戻る
アニメーション1回分の時間の長さを指定したい
0.5秒かけて変化
1秒かけて変化
1.5秒かけて変化
アニメーションの開始を遅らせたい
0.5秒後にアニメーション開始
1秒後にアニメーション開始
1.5秒後にアニメーション開始
動きをループさせたい
動きを2回繰り返す
動きを無限に繰り返す
アニメーションの進行具合を操作したい
開始時と終了時が緩やかに変化（ease）
開始時は緩やかに変化、終了に近づくと早く変化（ease-in）
開始時は早く変化し、終了時は緩やかに変化（ease-out）
開始時と終了時は、かなり緩やかに変化（ease-in-out）
開始から終了まで一定に変化（linear）
パラパラ漫画のように数値をコマ数で変化（steps）
変化の進行割合を3次ベジェ曲線で指定（cubic-bezier）
アニメーションをまとめて設定するデモ
アニメーションをまとめて設定するデモ
トップページへ戻る