网页动画效果
Contributor：游客127812411
Type：代码 Date time：2020-07-06 21:01:03 Favorite：11 Score：0
Type：代码 Date time：2020-07-06 21:01:03 Favorite：11 Score：0
<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>
Last one：My Electronic Friend
Next one：《我们在旅途中》
声明：以上文章均为用户自行添加，仅供打字交流使用，不代表本站观点，本站不承担任何法律责任，特此声明！如果有侵犯到您的权利，请及时联系我们删除。
Hot degree：★☆☆☆☆
Difficulty：☆☆☆☆☆
quality：☆☆☆☆☆
Description: the system according to the heat, the difficulty, the quality of automatic certification, the certification of the article will be involved in typing!
This paper typing ranking TOP20
登录后可见
