Erstellen Sie Hintergrundfarbe CSS3-Animationen nach Hintergrundbildanimation

Question

Ich versuche, Hintergrundfarbe CSS3 Keyframe Animationen nach der ersten Animation, die ein Hintergrundbild ist zu erstellen. Ich kann keine weitere Animation erstellen, nachdem die Textanimation ausgeblendet wurde. Nachdem die Textanimation verblasst ist, möchte ich, dass die Deckkraft des Hintergrunds auf 0.3 wechselt und wieder Text einblendet. Unten ist was ich habe.

Bitte finden Sie hier Code: 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

Sieht aus wie Sie zu tun Animationen mit Sequenzen zu versuchen, versuchen. Wenn ich nicht falsch liege, kannst du es nicht mit reinem CSS machen. Vielleicht möchten Sie eine Javascript-Animationsbibliothek verwenden, in der sequenzielle Animationen verarbeitet werden können.

Sie können immer noch Vanille js verwenden, aber ich denke es ist mühsam nur zu erreichen, was Sie wollen