gtxyzz

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

gtxyzz web技术 2022-07-07 833浏览 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 的文章
发表评论