延迟0.5秒问题
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | 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积分~
来为老师/同学的回答评分吧