AnimateAvailable as: Web ComponentShortcodeOxygen Element
Wrapper around GSAP that allows for staggered and scroll-based animation.
Same as opacity but sets visibility to 'hidden' after hitting 0.
Clip-path value the animation starts from.
Delay before animation starts.
Ease being used. Accepts all common GSAP options.
Filter value the animation starts from.
Determines if animation should only play once. (if viewport is true)
Opacity level the animation starts from.
Repeats the animation. -1 to repeat indefinitely.
Time to wait between repetitions.
Reverses the animation.
Amount of time elements should be staggered by.
Target element. Can take any querySelector value. (id, class, tag etc.)
Starts animation when target is in the viewport.
Scroll intersection observer root margin.
Scroll intersection observer threshold.
X position the animation starts from.
Y position the animation starts from.
Causes the animation to go back and forth, alternating backward and forward on each repeat.
Slot (between HTML tag).
Fires after component has loaded.