animation-timing-functionプロパティの値の違い

以下は、animation-timing-functionプロパティの値を5種類ほど順に指定した例です。どれも7秒間で終わる点は共通ですが、進み方が異なります。

linear

ease

ease-in-out

ease-in

ease-out

指定なし

アニメーション効果が見えない場合は、ブラウザのバージョンが古い可能性があります。 Internet Explorerであれば、IE10以降を使って下さい。

記事に戻る