我正在尝试在作为背景图像的第一个动画之后创建背景颜色的 CSS3 关键帧动画。文本动画消失后,我无法创建另一个动画。文本动画淡出后,我希望背景的不透明度变为 0.3 并再次淡出文本。以下是我所拥有的。
请在此处查看完整代码:codepen:https://codepen.io/imdaone/pen/JJrYyV
.background {
width: 80%;
height: 220px;
margin: auto;
background: url(imgs/ad-ex.png) no-repeat top left;
background-size: 100%;
animation: move 5s 1 linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
最佳答案
看起来您正在尝试使用序列制作动画。如果我没记错的话,你不能用纯 css 来做。您可能想尝试使用一些可以处理序列动画的 javascript 动画库。
你仍然可以使用 vanilla js 但我认为它更乏味只是为了实现你想要的
关于html - 在背景图像动画之后创建背景颜色 CSS3 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44742428/