Gunnar Bittersmann: Automatischer Bildwechsel Background

Beitrag lesen

@@misterunknown:

nuqneH

Also wie realisiert man welchselnde Hintergrundgrafiken mit CSS?

Bewegtes heißt in CSS Transitions oder Animations.

Transitions sind Übergänge zwischen 2 Zuständen, Anfangs- und Endzustand, wobei die Umschaltung von außen erfolgt (Änderung im DOM, Wirken von Selektoren mit dynamischen Pseudoklassen wie :hover). Da wir hier keine solche Änderung von außen vorliegen haben, außerdem mehr als 2 Zustände (Hintergrundbilder) und das Ganze auch noch endlos wieder von vorn beginnend laufen soll, fallen Transitions weg.

Bleiben Animations. Die background-image-Eigenschaft lässt sich nicht animieren, aber Eigenschaften mit numerischen Werten wie background-size und background-position. Damit lassen sich dann Überblendeffekte zwischen den multiplen Hintergründen (mehrere Bilder für background-image) realisieren.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)