Jose Tamu
July 16, 2024 / Beginner
Twist Reveal
Twist Reveal
Animation controls
Perspective: determines the initial perspective applied to the title to obtain the Twist effect. The demo uses 200px.
Duration
ScrollTrigger controls
Twist Reveal animation uses ScrollTrigger Library to fire on scroll. Learn more about ScrollTrigger here.
Start: determines the position of the Twist Reveal element to fire the animation. “top bottom” means when the top of the element hits the bottom of the viewport.
Delay
Replay on enter back: if enabled, the animation will replay each time the Twist Reveal element enters the viewport at the start position selected.
Additional Triggers
In case you need to fire the animation on additional events.
Trigger on: click or hover.
Element: the element that will fire the animation on the additional event selected.
– Tamu
On this page