How to create Horizontal Scroll Animation in Wix Studio in 5 minutes (Scrolling Effect)

#wixstudio #wixsite #wixstudiotutorial #wixstudiohorizontalscroll #wixstudioanimation #websitedesigntutorial
The reason why we are using the CSS grid instead of Section grids is because Section grid must have the trigger and animate elements in the same grid. With CSS grid, we can have the trigger and animated element in seperate grids.
How to create Horizontal Scroll Animation in Wix Studio in 5 minutes (Scrolling Effect)
Time Stamp
0:00-0:45 - Preparation
0:45-1:43 - Designing CSS Grids
1:43-3:43 - Designing Horizontal Design Elements
3:43-4:45 - Animation Trigger
4:45-9:41 - How to add Horizontal Scroll Effect in Wix Studio
9:41-10:51 Changing the Direction of Scroll Animation

[@KeithHepburn]

After many attempts this is the first video that makes the process very simple and easy to understand. Thanks

[@wixstudioacademy]

Glad to know that! :)

[@GRAF11113]

Thank you!

[@wixstudioacademy]

You're welcome!

[@ErvinMark]

Thanks

[@wixstudioacademy]

You are welcome!

[@maartenmeekers3716]

This was a very usefull tutorial! Thank you so much to make it understandable. I have one question. Can you tell me how to hide the container that triggers the animation? That it still triggers but is not displayed anymore.

[@wixstudioacademy]

You can change the color of the container or verticle line to the same color as your section background. Also, right-click the trigger element, go to arrange, and send it back so it doesn't interfere with the horizontal scroll.
Hope that helps. :)

[@maartenmeekers3716]

@@wixstudioacademy thank you so much for the quick reply! I am surely gonna test it out asap! Grtz!