gpt4 book ai didi

html - CSS 在改变方向之前暂停动画

转载 作者:行者123 更新时间:2023-11-28 06:02:52 27 4
gpt4 key购买 nike

有人可以向我解释如何在改变方向之前暂停动画吗?我希望它至少保持蓝色一分钟,然后再次开始过渡到绿色并保持绿色一分钟,依此类推...

@keyframes BackgroundColorChange1 {
from{background-color: #87D61D}
to{background-color:#7091BE}
}

body {
background-color:#87D61D;
animation-name: BackgroundColorChange1;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
<!DOCTYPE html>
<head>
</head>
<body>
</body>
</html>

最佳答案

东西 like this ?

您可以使用百分比而不是 from to 来更好地控制动画。

@keyframes BackgroundColorChange1 {
0%{background-color: #87D61D}
50%{background-color:#7091BE}
100%{background-color:#87D61D}
}

关于html - CSS 在改变方向之前暂停动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36654055/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com