小库网 

<style> 

div

{

    width:100px;

    height:100px;

    background:red;

    position:relative;

    animation:mymove 5s infinite;

    animation-delay:2s;

​

    /*Safari and Chrome*/

    -webkit-animation:mymove 5s infinite;

    -webkit-animation-delay:2s;

}

​

@keyframes mymove

{

    from {left:0px;}

    to {left:200px;}

}

​

@-webkit-keyframes mymove /*Safari and Chrome*/

{

    from {left:0px;}

    to {left:200px;}

}

</style>

​

​

​

<p><strong>注意:</strong> animation-delay 属性不兼容Internet Explorer 9 以及更早版本的浏览器</p>

​

<div></div>

​

​

​