延迟0.5秒问题
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);
animation:box 2s .5s infinite normal;
}
@keyframes box {
25% {bottom:40px;}
100% {bottom:0px;}
}/*此处写代码*/
}我的为什么有一瞬间箭头跳到顶部了，哪里出问题了，0,5s的延迟好像没有起效
86
收起
正在回答
2回答
你好，根据代码情况，有几种情况：
动画本身就不动，考虑可能存在兼容性问题，请将@keyframes、animation兼容代码补齐（如：-webkit-animation），试一试。
没有延迟显示：
延迟是动画开始之前的延迟，你的代码是重复执行运动，所以第一次有延迟，后面重复运动不会有延迟。同时可以把延迟时间设大点，看得更清楚些。
希望对你有帮助，祝学习愉快，欢迎采纳。
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星