感觉跟示例不太一样,不知道为什么
来源:2-29 编程练习
慕村7338132
2018-07-22 22:28: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;
bottom:100px;
width: 30px;
height: 30px;
margin: auto;
transform: rotate(90deg);
animation:arrow .5s linear .5s infinite alternate;
}
@keyframes arrow{
from{bottom:100px;}
to{bottom:70px;}
}
</style>
</head>
<body>
<div>></div>
</body>
</html>
1回答
练习题效果图动画播放结束后重新播放 , 所以会感觉从结束到开始有一个很快的变化 , 并不是本身的效果哦 . 同学上传的代码效果实现的不错呢 ,继续加油哦 ,祝学习愉快 .望采纳
相似问题