CSS animation-timing-function 属性，设置动画播放速度

gtxyzz web技术 2022-07-07 831浏览 0

CSS animation-timing-function 属性，设置动画播放速度

实例

从开头到结尾以相同的速度来播放动画：

div
{
animation-timing-function:2s;
-webkit-animation-timing-function:2s; /* Safari 和 Chrome */
}

定义和用法

animation-timing-function 规定动画的速度曲线。

速度曲线定义动画从一套 CSS 样式变为另一套所用的时间。

速度曲线用于使变化更为平滑。

语法

animation-timing-function: value;

animation-play-state 属性。

继续浏览有关 css 的文章