Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
July 16, 2024 /  Beginner

Decode Reveal

Decode Reveal

Animation controls

Decode alphabet: the alphabet that will be taken into account when decoding the title. The demo uses “_/*-” as the decode alphabet
From: left or right. Where the decode animation will begin. The demo is from left.
Delay
Delay letters: just like a “Stagger” determines the delay to apply before the next letter decodes.

ScrollTrigger controls

Decode Reveal animation uses ScrollTrigger Library to fire on scroll. Learn more about ScrollTrigger here.
Trigger: the element that will fire the animation on scroll. Use the keyword “this” to use the element itself as the trigger.
Start: determines the position of the Trigger to fire the animation. “top bottom” means when the top of the element hits the bottom of the viewport.

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