在背景圖像動畫之後創建背景顏色CSS3動畫

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，但我認爲它更繁瑣只是爲了實現你想要的