css animation和keyframes

keyframes应用在animation上，animation应用在元素上。

<html>
<style type="text/css">
.div1 {
 width:100px;height:100px;border:1px solid #000;position:relative;
 animation : move 800ms ease-out infinite alternate;
}

@keyframes move {
 from {top:0px;}
 to   {top:100px;}
}
</style>

<body>
<div class="div1">
</div>
</body>
</html>

　　

posted @ 2017-09-25 11:47  N神3  阅读(218)  评论(0)  编辑  收藏  举报