Looping Lines v3

Content tab

Content group

To add lines to the animation you’ll have to use the Lines repeater control.
The widget admits a prefix and a suffix. The typography of the prefix, lines and suffix can be edited separately as needed.

Blur Animation group

Blur: the amount of blur to apply to the looping animation.
Cycle Duration: how many seconds a line should remain active.
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 group

This animation is applied to the whole Loopines Lines 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.