Transition: トランジション
Transition: トランジションプロパティ/デュレーション/タイミング関数/ディレイの略。
transition: <'transition-duration'> .. ];
transition-property: 変換のプロパティ名。
none、all、1 つ以上の
Transition-duration:持続時間。単位はsまたはmsです。
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;