为什么箭头动好慢，没有冲下来的感觉
来源：2-29 编程练习
慕粉2107316106
2017-03-27 22:20:53
<!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;
bottom:50px;
right: 0;
left: 0;
width: 30px;
height: 30px;
margin: auto;
transform: rotate(90deg);
-webkit-animation:move 4s infinite alternate-reverse;
animation:move 1s ease-in-out infinite alternate-reverse;
}
@-webkit-keyframes move{
0%{bottom:250px;}
50%{ bottom:50px;}
75%{bottom:80px;}
100%{bottom:50px;}}
@keyframes move{
0%{bottom:250px;}
50%{ bottom:50px;}
75%{bottom:780px;}
100%{bottom:50px;}}
</style>
</head>
<body>
<div>></div>
</body>
</html>
1回答
-
樱桃小胖子
2017-03-27
箭头动的并不慢，而是太快了，序列帧之间的过渡没有做好，建议重新细化一下序列帧~
0
相似问题