网页动画效果
<html >
<head lang="UTF-8">
<title></title>
<style type="text/css">
@keyframes myfirst{
0%{background-color: #f9f9f9;left: 0px;top:0px}
50%{background-color: royalblue;left:200px;top:0px}
60%{background-color: green;left: 200px;top:200px}
100%{background-color: green;left: 0px;top:0px}
}
div{
height: 20px;
width: 20px;
position: relative;
animation: myfirst 10s infinite;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
<head lang="UTF-8">
<title></title>
<style type="text/css">
@keyframes myfirst{
0%{background-color: #f9f9f9;left: 0px;top:0px}
50%{background-color: royalblue;left:200px;top:0px}
60%{background-color: green;left: 200px;top:200px}
100%{background-color: green;left: 0px;top:0px}
}
div{
height: 20px;
width: 20px;
position: relative;
animation: myfirst 10s infinite;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
下一篇：《我们在旅途中》
声明：以上文章均为用户自行添加，仅供打字交流使用，不代表本站观点，本站不承担任何法律责任，特此声明！如果有侵犯到您的权利，请及时联系我们删除。
文章熱度：★☆☆☆☆
文章難度：☆☆☆☆☆
文章質量：☆☆☆☆☆
說明：系統根據文章的熱度、難度、質量自動認證，已認證的文章將參與打字排名！
本文打字排名TOP20
登录后可见
