Hello everyone!
I’m trying to make a section entry animation by making a black background disappear when scrolling, like this video
Can anyone help me?
I think you can use the expand animation and customize the background(“red one”) to the scale: x :0 y:0.
In the animation panel, (in scroll one) there are some ready animations like expand and shrinks or make your own one.
1 Like
Are you familiar with coding? → Then you can use —>
a ) Wix-Animations
b) if you are working inside the Editor-X → activeEffects - Velo API Reference - Wix.com
Editor X: About Click and Hover Interactions | Help Center | Wix.com
c) using already predefined EFFECTS ---->
in combination with …
https://www.wix.com/velo/reference/wix-window-frontend/getboundingrect
d) Using CSS (not sure) and only in Wix-Studio. Not sure how far CSS is already developed inside Wix-Studio.
I am giving you just some ideas.
Hey Caroline,
To get the visual effect where the image appears from the circle, you can add all elements to a container, then add a scroll interaction > shape > circle. Should be pretty simple!
hope this helps, Nathan.