延迟0.5秒问题
来源：2-29 编程练习
qq_Briellezhao_0
2017-01-20 10:45:06
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的延迟好像没有起效
写回答
2回答
-
你好，根据代码情况，有几种情况：
动画本身就不动，考虑可能存在兼容性问题，请将@keyframes、animation兼容代码补齐（如：-webkit-animation），试一试。
没有延迟显示：
延迟是动画开始之前的延迟，你的代码是重复执行运动，所以第一次有延迟，后面重复运动不会有延迟。同时可以把延迟时间设大点，看得更清楚些。
希望对你有帮助，祝学习愉快，欢迎采纳。
0h017-01-22 -
小王子抓猫咪
2017-07-11
你要在前面设置0% 25%{ bottom为同一个值才行 }
0
相似问题