Jose Tamu
January 10, 2025 /
Beginner

Marquee Button v2

Marquee Button v2 Marquee Button v2
Swapped!

Content tab

Animation group

Split type: determines how the swap title will be splitted: lines, words or chars.
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.
Marquee gap: the gap to leave at the marquee between repeats.
Durations: they are splitted in 4 durations: for Swap, Translate, Background and Marquee (speed) animations.
Delays: they are splitted in 4 delays: for Swap, Translate, Background and Marquee (speed) animations.
CSS easings: they are splitted in 4 easings: for Swap, Translate, Background and Marquee (speed) animations: for Scale, Translate and Rotate animations. You can set any custom CSS easing of your own. Learn more about CSS easings here.

Style tab

There are several groups available to style Marquee Button v2: Margin, Padding, Borders and Typography. Backgrounds and texts colors of both the button and the mask have to be set at the Button Colors and Mask Colors groups. If you need to apply additional styles, you can do so at the Settings Tab.