Looping Lines

My First Line

My Second Line

My Third Line

My Fourth Line

My Fifth Line

Content tab

Content group

Items: the lines and their content to be included at Looping Lines element have to be set here.

Lines group

Line height: the height applied to each line.
Lines to show: the number of lines to be displayed. The demo shows 3.
Align: where the lines should stick to. Left, Center or Right.
Fade: to include a blur fade at top and bottom.
Fade color: if fade is enabled, it’s color.

Animation group

Duration
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.