Richard Rüfenacht: Problem mit "animation-delay"

Beitrag lesen

Hallo Stranger

das mit den @keyframes hat damit nichts zu tun. Da das die Überblendung für jedes einzelne Bild ist.

@keyframes wechseln steuert die gesamte Animation, ist also entscheidend.

Also die Animation dauert 40 sek, bei 5 Bidern sind das 8 sek pro Bild und das heißt das beim @keyframe sind also 8 sek =100%.

Nein, 100% ist die Dauer der gesamten Animation, also 40 Sekunden. Nach 8 Sekunden, also 20% soll das zweite Bild sichtbar sein. Für die Überblendung könnten die opacity-Werte etwa so gesetzt werden: 18% {opacity: 1;} und 22 % {opacity: 0;}, das Überblenden würde dann 1 Sekunde dauern.

Mit besten Grüssen
Richard