Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Getting started
Jose Tamu
February 3, 2025 /  Beginner

Variable Font Hover

Variable Left
Variable Right
Variable Center

Animation controls

Direction: where the animation will start from. Left, Right or Center.
Split type: determines how the title will be splitted: lines, words or chars. The demo is splitted in lines.
Enter & Leave Weight: the weight to apply when the user enters and leaves the title.
Enter & Leave Skew: determines the amount of skew to apply when the user enters and leaves the title. Learn more about skew here.
Duration
Stagger: the delay to apply between lines, words or chars. This means, when the first line, word or char starts animating, the second will fire after “x” seconds determined by the stagger and so on.
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.

– Tamu

On this page