animation-delay属性怎么用

　　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>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56268.shtml