animation-delay属性怎么用
导读: CSS3animation-delay属性 作用:animation-delay属性定义动画何时开始。animation-delay值以秒或毫秒计。 语法: animation-delay:time; time:...
CSS3animation-delay属性
作用:animation-delay属性定义动画何时开始。animation-delay值以秒或毫秒计。
语法:
animation-delay:time;
time:可省略,默认值是0;用来定义动画开始前等待的时间,以秒或毫秒计。
说明:time允许为负值,-2s使动画马上开始,但跳过2秒进入动画。
注:InternetExplorer9以及更早的版本不支持animation-delay属性。
CSS3animation-delay属性的使用示例
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove5sinfinite;
animation-delay:2s;
/*SafariandChrome*/
-webkit-animation:mymove5sinfinite;
-webkit-animation-delay:2s;
}
@keyframesmymove
{
from{
left:0px;
}
to{
left:200px;
}
}
@-webkit-keyframesmymove/*SafariandChrome*/
{
from{
left:0px;
}
to{
left:200px;
}
}
本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: animation-delay属性怎么用
本文地址: https://pptw.com/jishu/665090.html
