背景画像アニメーション後の背景色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アニメーションライブラリを使用することに挑戦したいかもしれません。

ちょうどあなたが