In deze tutorial laat ik zien hoe je een langzaam parallax-effect kunt creëren (vandaar de titel van dit tutorial-bericht) zonder enige code te gebruiken, uitsluitend gemaakt in Elementor. Je zou zoiets als daarna moeten kunnen doen:
Laten we nu beginnen!
Stap 1: Maak eerst een sectie.
Stap 2: Voeg vervolgens de gewenste kolom toe. Omwille van deze tutorial zal ik een structuur met twee kolommen kiezen.
Stap 3: Sleep vanuit het widgetpaneel de afbeeldingswidget naar de kolom.
Stap 4: Kies de afbeelding die u wilt toevoegen uit de mediabibliotheek. Klik gewoon op de knop Afbeelding kiezen op de afbeeldingswidget.
Stap 5: Ik kies een afbeelding van een wijn-splash zodat je de beweging van het beeld tijdens het scrollen opmerkt.
Stap 6: Laten we nu een achtergrondafbeelding toevoegen! U kunt dit doen via de bovenliggende kolom van de afbeeldingswidget.
Stap 7: Na het toevoegen van een achtergrond aan de bovenliggende kolom, klikt u op de afbeeldingswidget en gaat u naar het tabblad Geavanceerd en klikt u vervolgens op Bewegingseffecten en schakelt u de schuifeffecten in .
Stap 8: In dit geval kies ik de verticale scroll. Er zijn richtingsopties, het is aan jou wat je kiest, omhoog of omlaag. Dan kun je ook de scrollsnelheid en de viewport van boven naar beneden of tegenovergesteld instellen.
En nu zijn we klaar!
Bedankt dat je zo ver bent gekomen! 🙂
0 Comments