酱紫OK吧？

来源：2-18 编程练习

Livesinkon

2020-12-15 15:53:08

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

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

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

<!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;
animation: movelr 1s linear .5s infinite;
}

@keyframes movelr{
0% {
transform: rotate(90deg) translatex(0);
}

40% {
transform: rotate(90deg) translatex(50px);
}

80% {
transform: rotate(90deg) translatex(30px);
}

100% {
transform: rotate(90deg) translatex(50px);
}
}
</style>
</head>
<body>
<div>></div>
</body>
</html>