Brickscore / Elements / 
Marquee

Marquee

Core element

Brickscore

brickscore

Documentation

Marquee allows to easily create a marquee effect with all the elements drag inside it. These elements can wrap other elements and have its own states (hover, focus, etc...) so you can even drag brickscore elements inside marquee and create awesome designs.
Be aware that the elements must have a defined width to let the marquee do the appropiate calculations.
If you experience a marquee flickering you can simply save your work and reload the builder.

Settings

Gap

Space between elements inside the marquee. 1px by default.

Speed

Determines the marquee speed. 3 by default. The higher this number is set, the slower the marquee runs.

GSAP easing

Marquee easing. None by default. You can choose an easing from GSAP´s easing docs.

Scroller

Speed

Determines the inertia speed of the scroller. 1 by default. The higher this number is set, the fewer the inertia is.

Multiplier

Determines the distance traveled by the marquee. 0.5 by default. The higher this number is set, the more distance is traveled when scrolling.

Treshold

New marquee speed applied once the first scroll is produced. 1 by default. The higher this number is set, the faster the marquee will run.

Reversed

False by default. If true, once the first scroll is produced, marquee will run in a backwards mode.

Both directions

False by default. If true, every scroller hit will alternate the marquee direction to the opposite.

GSAP easing

Marquee easing. None by default. You can choose an easing from GSAP´s easing docs.

Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.