Hilfe bei Parallax-Effekt?
Ich verwende Elementor und möchte jetzt einen Parallax-Effekt für meine Website erstellen. Dabei möchte ich das ein Bild bestehend aus zwei Teilen, das ich bereits, wie ich es haben möchte, vertikal, mittig auseinander geschnitten habe und diese jeweils in einen eigenen Container, in einen Container, nebeneinander gepackt habe und ich möchte das beide auf ihrer Seite den Bildschirm seitlich verlassen und somit ein Bild darunter freigeben.
Ich habe mir schon ein paar Tutorials zu dem Effekt angeschaut, nur leider verstehe ich nicht wie ich das auf mein Beispiel anwenden kann, da diese Tutorials nie die Thematik in einem einen ähnlichen Sachverhalt, wie den meinen, erklärt haben. Falls jemand dabei Erfahrungen hat würde ich mich sehr über eine Erklärung oder ein Tutorial freuen. Danke im Voraus.
1 Antwort
Der Parallax-Effekt bezieht sich ja auch eher darauf, wie sich Hintergründe beim Scrollen verhalten. Du müsstest in diesem Fall also praktisch zwei Effeckte (die beide auf Scrollevents basieren) verbinden. Zum einen den Parallax-Effekt für den Hintergrund und zum anderen zwei "normale*" Elementor Animation (kannst dir im Elementor unter Animationen bei dem jeweiligen Element zusammenklicken) für die im Vordergrund liegenden Elemente (also die Container mit den Bildern) damit diese seitlich den Bildschirm verlassen.
Falls jedoch der Hintergrund nicht scrollbasiert animiert werden soll, verstehe ich Deine Frage nicht, das sind dann doch nur normale Elementor Animationen, wie oben erwähnt?
Ich hoffe, das hilft Dir weiter und wünsche maximale Erfolge!
*) "Normale" Elementor Animationen stehen für viele Elementor Objekte (z.B. Spalten) in der Bearbeitungsspalte unter Erweitert->Bewegungseffekte->Eingangsanimationen zur Verfügung