css 动画

flashbuffer

于 2019-12-14 22:33:11 发布

阅读量96

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/flashbuffer/article/details/103544171

版权

js 专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:red;
position:relative;

animation:mymove 2s 4 alternate;/*Safari and Chrome*/
}

@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}


</style>
</head>
<body>

<div></div>

</body>
</html>

2s表示每次两秒一共执行4次。 alternate表示需要反向播放，那一共有两个来回。