Ist es möglich, 5 Bilder in CSS zu überblenden, ohne Java Script zu verwenden? Ich habe eine ähnliche Frage gefunden: css3-Bild-Crossfade (kein JavaScript) , jedoch nur das CSS-Code-Snippet; was ich versuchte, aber es konnte nicht funktionieren. Ich bin neu in CSS, also konnte ich das oben erwähnte CSS nicht mit meinem folgenden HTML verknüpfen:
%Vor%Dies kann einfach mit CSS3 durchgeführt werden, wenn Sie wissen, wie viele Bilder Sie haben.
jsFiddle: Ссылка
%Vor%Die "30s" bei " -webkit-animation: imageAnimation 30s linear unendlich 0s; " sagt, dass die Animation für jedes Bild wird letzten 30 Sekunden in infinete Anzahl von Zeiten.
%Vor%Das Beispiel, auf das Sie verwiesen haben, sollte für das Beispiel funktionieren, auf das Sie verwiesen haben. Beachten Sie jedoch, dass CSS3 nicht auf allen Browsern (wie IE8 und IE7) unterstützt wird und daher in diesen Browsern nicht funktioniert.