(2018-05-04.Python ZeroからOneまで)五、(フロントエンド)HTML 5とCSS 3_1.5.4 CSS 3 transitionアニメーション
961 ワード
下一篇文章:→1.5.3 CSS 3フィレット、シャドウ、rgba
CSS 3 transitionアニメーション
1、transition-propertyは移行の属性を設定します.例えば、width height background-color 2、transition-durationは移行の時間を設定します.例えば、1 s 500 ms 3、transition-timing-functionは移行の運動方式を設定します. linear均一速度 ease開始および終了スロー ease-in開始は低速 ease-out終了時低速 ease-in-out開始および終了時低速 cubic-bezier(n,n,n,n) 例えばcubic-bezier(0.845,-0.375,0.215,1.335) 曲線設定Webサイト:https://matthewlein.com/ceaser/
4、transition-delayアニメーションの遅延を設定する5、transition:property duration timing-function delay同時に4つの属性を設定する
例:
次の記事は、→1.5.5 CSS 3 transform変換
CSS 3 transitionアニメーション
1、transition-propertyは移行の属性を設定します.例えば、width height background-color 2、transition-durationは移行の時間を設定します.例えば、1 s 500 ms 3、transition-timing-functionは移行の運動方式を設定します.
4、transition-delayアニメーションの遅延を設定する5、transition:property duration timing-function delay同時に4つの属性を設定する
例:
......
次の記事は、→1.5.5 CSS 3 transform変換