Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
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