Frage von GesusKristus, 20

Div fährt über Bild (HTML/CSS)?

Oben: statischer Header

Darunter: Bild1, welches sich beim scrollen langsam nach oben bewegen soll

Darüber: div mit Text und Bild2, welches beim scrollen das Bild1 quasi überfährt/abdeckt

So wie hier: http://rpunktdesign.de/ (über "Unsere Leistungen")

Wie macht man sowas?

Wenn ich es nicht genau erklären könnt, reichen mir auch Links :)

Danke!

Antwort
von Geldon, 6

Ja, nennt sich parallax. Gibts auf codepen.io zu genüge open source.

Antwort
von D4V1D1998, 7

Das, was du meinst, ist vermutlich das Hintergrundbild, welches sich langsamer als der Rest der Seite bewegt. Mit dem CSS-Code

background-attachment: fixed;

kannst du das Hintergrundbild dazu bringen, sich beim Scrollen nicht mehr zu bewegen.

Wenn du es genau so wie auf der Website machen möchtest, kannst du mal nach dem Parallax-Effekt suchen.

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten