2017-06-25 171 views
0

我想在第一个动画是背景图像之后创建背景色CSS3关键帧动画。文字动画消失后,我无法创建另一个动画。在文字动画消失之后,我希望背景的不透明度转为0.3,并再次淡入文字。以下是我的。在背景图像动画之后创建背景颜色CSS3动画

请在这里看到完整的代码: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; 
} 
+0

格式化你的代码。 –

回答

0

貌似你试图尝试做动画与序列。如果我没有错,就不能用纯CSS来做。你可能想冒险使用一些JavaScript动画库,它可以处理顺序动画。

你仍然可以使用香草JS,但我认为它更繁琐只是为了实现你想要的