亿恩科技有限公司旗下门户资讯平台!
服务器租用 4元建网站

CSS3 animation 简写属性的语法和用法

animation 属性是一个简写属性,主要用于设置动画属性,下面就给大家讲解一下animation属性的语法和用法实例。

animation 属性是一个简写属性,主要用于设置动画属性,下面就给大家讲解一下animation属性的语法和用法实例。

定义和用法:

animation 属性是一个简写属性,用于设置六个动画属性:

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

注释:请始终规定 animation-duration 属性,否则时长为 0,就不会播放动画了。

默认值:
none 0 ease 0 1 normal
继承性:
no
版本:
CSS3
JavaScript 语法:
object.style.animation="mymove 5s infinite"

语法:

animation: name duration timing-function delay iteration-count direction;


描述
animation-name
规定需要绑定到选择器的 keyframe 名称。
animation-duration
规定完成动画所花费的时间,以秒或毫秒计。
animation-timing-function
规定动画的速度曲线。
animation-delay
规定在动画开始之前的延迟。
animation-iteration-count
 规定动画应该播放的次数。
animation-direction
规定是否应该轮流反向播放动画。

应用实例:

使用简写属性,将动画与 div 元素绑定: 

 div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}

浏览器支持:

Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。

Safari 和 Chrome 支持替代的 -webkit-animation 属性。

注释:Internet Explorer 9 以及更早的版本不支持 animation 属性。

河南亿恩科技股份有限公司(www.enkj.com)始创于2000年,专注服务器托管租用,是国家工信部认定的综合电信服务运营商。亿恩为近五十万的用户提供服务器托管、服务器租用、机柜租用、云服务器、网站建设、网站托管等网络基础服务,另有网总管、名片侠网络推广服务,使得客户不断的获得更大的收益。
服务器/云主机 24小时售后服务电话:0371-60135900
虚拟主机/智能建站 24小时售后服务电话:0371-55621053
网络版权侵权举报电话:0371-60135995
服务热线:0371-60135900

1
0
分享到:责任编辑:黄利敏

相关推介

共有:0条评论网友评论:

验证码 看不清换一张 换一张

亲,还没评论呢!速度抢沙发吧!