这篇文章将为大家详细讲解有关css中的animation-timing-function属性有什么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
CSS3animation-timing-function属性
作用：
animation-timing-function规定动画的速度曲线。速度曲线定义动画从一套CSS样式变为另一套所用的时间。速度曲线用于使变化更为平滑。
语法：
animation-timing-function:value;
说明：
animation-timing-function使用名为三次贝塞尔（CubicBezier）函数的数学函数，来生成速度曲线。您能够在该函数中使用自己的值，也可以预定义的值：
linear：动画从头到尾的速度是相同的。
ease：默认值。动画以低速开始，然后加快，在结束前变慢。
ease-in：动画以低速开始。
ease-out：动画以低速结束。
ease-in-out：动画以低速开始和结束。
cubic-bezier(n,n,n,n)：在cubic-bezier函数中自己的值。可能的值是从0到1的数值。
注：InternetExplorer9以及更早的版本不支持animation-timing-function属性。
CSS3animation-timing-function属性的使用示例
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove5sinfinite;
animation-timing-function:linear;
/*SafariandChrome*/
-webkit-animation:mymove5sinfinite;
-webkit-animation-timing-function:linear;
}
@keyframesmymove
{
from{left:0px;}
to{left:200px;}
}
@-webkit-keyframesmymove/*SafariandChrome*/
{
from{left:0px;}
to{left:200px;}
}
关于“css中的animation-tim免费云主机域名ing-function属性有什么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
这篇文章主要介绍“HTML常用标签有哪些及含义是什么”，在日常操作中，相信很多人在HTML常用标签有哪些及含义是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”HTML常用标签有哪些及含义是什么”的疑惑有所帮助！接下来，请跟着…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
