小库网 

<style> 

div

{

    width:100px;

    height:100px;

    background:red;

    position:relative;

    animation:mymove 5s infinite;

    -webkit-animation:mymove 5s infinite; /* Safari and Chrome */

}

​

@keyframes mymove

{

    from {top:0px;}

    to {top:200px;}

}

​

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

{

    from {top:0px;}

    to {top:200px;}

}

</style>

​

​

​

<p><strong>注意:</strong>  @keyframes 规则 不兼容 IE 9 以及更早版本的浏览器.</p>

​

<div></div>

​

​

​