AOS Animation auf CSS Background Image anwenden

[Matthias Apsel]

Hallo Khan,

Ich möchte das ein Background Image, welches in der CSS angegeben wurde, per AOS Animation hereingezoomt wird. Die AOS JS Datei ist schon fertig, funktioniert!

JavaScript sollte nicht notwendig sein.

Wann soll gezoomt werden? Immer wieder? Nur einmal? Nach einer Benutzeraktion?

.banner {
  background-image: url(../images/logo.png), url(../images/publikum.jpg);
  min-height: 750px;
	background-size: contain, cover;
	background-position: center, center;
	background-color: #282828;
	background-repeat: no-repeat, no-repeat;
}

Die AOS Animation soll nur auf das erste Image, also logo.png.

Wie ist es möglich in diesem CSS Befehl das AOS zu integrieren?

Ich hoffe ich konnte mich verständlich ausdrücken.

Bei multiplen Hintergründen ist das mMn. unmöglich, ich würde die Hintergrundbilder auf verschiedene (Pseudo-)Elemente aufteilen.

Bis demnächst
Matthias