CSS3 遷移タイミング関数_html/css_WEB-ITnose

CSS3 トランジション タイミング関数プロパティ

定義と使用法

トランジション タイミング関数プロパティは、トランジション効果のスピード カーブを指定します。

このプロパティを使用すると、トランジション効果の速度を時間の経過とともに変化させることができます。 (デフォルト値はeaseです)

liner?????? 同じ速度で開始および終了するトランジション効果を指定します

ease?????? は、最初は遅く、その後は速くなります。トランジション効果

イーズイン??????は、低速で開始するトランジション効果を指定します

イーズアウト??????は、低速で終了するトランジション効果を指定します

ease-in-out?? ゆっくりと開始して終了するトランジション効果を指定します

例:transition-timing-function:linear; /* Firefox 4 と互換性のある Firefox */ -webkit-transition-timing-function: liner; /* Safari および Chrome と互換性があります */ -o-transition-timing-function: Linear; /* Opera と互換性があります */