Animation Settings

By using the Animation Settings Selected component can be animated.

Under animation settings, you'll get two options

1. On-Load Animation - The animation selected here will be reflected when the published page is loaded.

After selecting the "On Load" animation, you'll get 3 options inside it:

Repeat - From here, a user can set the repetitions for a particular animation.

Delay in Seconds - From here, a user can set the delay seconds after which the animation will occur on the page.

Duration - From here, a user can select the speed of the animation.

2. On Scroll Animation - The animation selected here will be reflected when you'll scroll to that particular component where the animation is being done on the published page.

Duration - It defines the duration (in seconds) after which the animation will occur

Anchor Placements - These define which position of the element regarding the window should trigger the animation.

Once - It defines whether the animation should occur only once while scrolling down.