animation-delay属性(CSS设置定义动画于何时开始)
animation-delay属性
实例
等待两秒,然后开端动画:
div{animation-delay:2s;-webkit-animation-delay:2s;/*Safari和Chrome*/}
亲自试一试
浏览器支撑
IEFirefoxChromeSafariOpera
InternetExplorer10、Firefox以及Opera支撑animation-delay特点。
Safari和Chrome支撑代替的-webkit-animation-delay特点。
注释:InternetExplorer9以及更早的版本不支撑animation-delay特点。
界说和用法
animation-delay特点界说动画何时开端。
animation-delay值以秒或毫秒计。
提示:允许负值,-2s使动画马上开端,但跳过2秒进入动画。
默认值:0
继承性:no
版本:CSS3
JavaScript语法:object.style.animationDelay="2s"
CSS设置定义动画于何时开始
css3中可以运用animation-delay特点设置动画开端时刻,运用animation-duration特点设置动画完成一个周期所花费时刻。
css3设置动画开端时刻示例:
animation-delay特点界说动画什么时候开端。
animation-delay值单位可以是秒(s)或毫秒(ms)。
语法:
animation-delay:time;
time:可选。界说动画开端前等候的时刻,以秒或毫秒计。默认值为0
css3设置动画开端时刻示例:
留意:animation-duration特点不兼容InternetExplorer9以及更早版别的浏览器.
留意:要指定动画特点。不然时刻若是0,动画不会进行。
animation-duration特点界说动画完成一个周期需求多少秒或毫秒。
语法:
animation-duration:time;
time:指定动画播映完成花费的时刻。默认值为0,意味着没有动画效果。
作品标签:
优秀作品:
最新作品:
评论列表(共324人参与)参与讨论或分享设计作品获得视觉癖积分奖励
鞠婧祎这注册会员
2021-05-29 12:55:49
ce-visibility特点设置为hidden,所以应该是不可见的。 DIV1 DIV="/uploads/allimg/210601/1-2106010R933.jpg" style=
回复行业有着注册会员
2021-05-29 10:47:56
你总是惯着他游客
2021-05-29 6:52:23
游客41087:animation-delay属> 故事不长也不难讲四字归纳相识一场 无论对谁太过于热情就增加了不被珍惜的概率 我是无边暗夜而你是梦里繁星 iv> 5.款式使用 在需要修正款式时,能够选中文字后点击款式,也能够在空白处刺进款式后,将文字复制到款
回复,籺有许注册会员
2021-05-29 7:11:20
ariOpera InternetExplorer10、Firef04. 艺术涂料电视墙 艺术性涂料在家庭中的应用十分广泛,电视墙的运用能更好的贴合全体规划风
回复