Hoe maak je een langzaam parallax-effect in Elementor - DeLaatbusiness

Hoe maak je een langzaam parallax-effect in Elementor

2 min


110

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:

Hoe maak je een langzaam parallax-effect in Elementor 7

Laten we nu beginnen!

Stap 1: Maak eerst een sectie.

Knoppen met alleen pictogrammen maken 5

Stap 2: Voeg vervolgens de gewenste kolom toe. Omwille van deze tutorial zal ik een structuur met twee kolommen kiezen.

Overlap_Images_in_Elementor4

Stap 3: Sleep vanuit het widgetpaneel de afbeeldingswidget naar de kolom.

Hoe maak je een langzaam parallax-effect in Elementor 9

Stap 4: Kies de afbeelding die u wilt toevoegen uit de mediabibliotheek. Klik gewoon op de knop Afbeelding kiezen op de afbeeldingswidget.

Hoe maak je een langzaam parallax-effect in Elementor 6

Stap 5: Ik kies een afbeelding van een wijn-splash zodat je de beweging van het beeld tijdens het scrollen opmerkt.

Hoe maak je een langzaam parallax-effect in Elementor 5

Stap 6: Laten we nu een achtergrondafbeelding toevoegen! U kunt dit doen via de bovenliggende kolom van de afbeeldingswidget.

Hoe maak je een langzaam parallax-effect in Elementor 4

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 .

Hoe maak je een langzaam parallax-effect in Elementor8

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.

Hoe maak je een langzaam parallax-effect in Elementor2

En nu zijn we klaar!

Hoe maak je een langzaam parallax-effect in Elementor 7

Bedankt dat je zo ver bent gekomen! 🙂


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format