css3 トランジションtransition_html/css_WEB-ITnose

Transition: トランジション

Transition: トランジションプロパティ/デュレーション/タイミング関数/ディレイの略。
transition: <'transition-duration'> .. ];

transition-property: 変換のプロパティ名。
none、all、1 つ以上の (カンマ区切り)。

Transition-duration:持続時間。単位はsまたはmsです。
デフォルトは0です。トランジション効果はありません。

Transition-timing-function: トランジションエフェクトのスピードカーブ。
linear: 均一速度、cubic-bezier(0,0,1,1)に等しい
ease: 低速または高速、cubic-bezier(0.25,0.1,0.25,1)に等しい
ease-in: ゆっくり開始、等しいto cubic-bezier (0.25,0.1,0.25,1)
ease-out：slowで終了、cubic-bezier(0,0,0.25,1)と等しい
ease-in-out：slowで開始し、equalで終了to cubic-bezier(0.42 ,0,0.58,1)
cubiz-bezier(n,n,n,n): [cubic Bezier] cubiz-bezier関数に独自の値0~1を定義します。

移行遅延: 開始時間を指定します。デフォルトは 0 です。
複数の属性のカンマ区切りの遅延時間。
-moz-transition: color 0.3sease-out 2s;