animation-delay属性怎么用

2024-01-17 14:30 小编

CSS3animation-delay属性

作用:animation-delay属性定义动画何时开始。animation-delay值以秒或毫秒计。

语法:

animation-delay:time;

time:可省略,默认值是0;用来定义动画开始前等待的时间,以秒或毫秒计。

说明:time允许为负值,-2s使动画马上开始,但跳过2秒进入动画。

注:InternetExplorer9以及更早的版本不支持animation-delay属性。

CSS3animation-delay属性的使用示例

<!DOCTYPEhtml>

<html>

<head>

<style>

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;}

}

</style>

</head>

<body>

<div></div>

</body>

</html>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码