Question

我想在第一个动画是背景图像后创建背景色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;  
}

Answer 1

看起来你正试图用序列做动画。如果我没有错，你就不能用纯粹的CSS来做。你可能想冒险使用一些javascript动画库来处理顺序动画。

你仍然可以使用香草js，但我认为只是为了实现你想要的东西更加乏味

在背景图像动画之后创建背景颜色CSS3动画

1 个答案: