关于关键帧?? 有没有多个关键帧来控制动画的方法?请老师讲解一下思路或者实现方法
<!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: 15px;
animation: jiantou ease-in-out 0.5s infinite 0.5s alternate-reverse;
}
@keyframes jiantou{
from{
bottom:20px;
}
to{
bottom: 5px;
}
}
</style>
</head>
<body>
<div>></div>
</body>
</html>
正在回答
同学你好, 可以使用百分比的方式,从0到100的方式设置多个关键帧。 示例:
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧