老师您好，代码咋样

来源：2-18 编程练习

ZcKing

2020-12-30 11:57:07

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2-9</title>
<style type="text/css">
div {
font-family: Arial;
font-size: 72px;
font-weight: bold;
position: fixed;
right: 0;
left: 0;
width: 30px;
height: 30px;
margin: auto;
transform: rotate(90deg);
/*此处写代码*/
/* 页面底部 */
bottom: 0;
animation: down 1s linear 0.5s infinite;
}

@keyframes down {
0% {
/* 初始距离底部存在距离 */
bottom: 40px;
}

70% {
/* 移动到最底部 */
bottom: 0px;
}

80% {
/* 存在一个小回弹 */
bottom: 10px;
}

100% {
bottom: 0px;
}
}
</style>
</head>
<body>
<div>></div>
</body>
</html>