1-前端之路的开始——个小动画

最新推荐文章于 2022-07-01 10:20:20 发布

chenmouren_boke

最新推荐文章于 2022-07-01 10:20:20 发布

阅读量236

点赞数

本文链接：https://blog.csdn.net/chenmouren_boke/article/details/78167593

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
body{
position: relative;
}
div{
font-family: Arial;
font-size: 72px;
font-weight: bold;
position: fixed;
right: 0px;
left: 0px;
bottom: 30px;
width: 30px;
height: 30px;
margin:auto;
transform: rotate(90deg);
animation: jiantou 1s .5s infinite normal;
}
@-webkit-keyframes jiantou{
from{bottom: 30px;}
to{bottom: 10px;}
}
</style>
<body>
<div>
>
</div>
</body>
</html>