
Exchange Title v3
How it works
Exchange Title v3 is a nestable element. To add lines to the animation you can duplicate the “Line” elements that come by default as needed.
The element admits a prefix and a suffix. The typography of the prefix, lines and suffix can be edited separately as needed.
Blur Animation controls
Blur: the amount of blur to apply to the exchange animation.
Cycle duration: how many seconds a line should remain active.
Blur duration
Blur stagger: the delay to apply to the letters until the next one gets blurry.
Blur easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.
Width Animation controls
This animation is applied to the whole Exchange Title v3 element when a line is shorter or larger than the previous one.
Duration
Easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.
– Tamu








