Brickscore / Elements / 
Scroll Reading

Scroll Reading

Text element
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec leo et mi mollis dictum. Vivamus bibendum est vel elit eleifend sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec leo et mi mollis dictum. Vivamus bibendum est vel elit eleifend sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec leo et mi mollis dictum. Vivamus bibendum est vel elit eleifend sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec leo et mi mollis dictum. Vivamus bibendum est vel elit eleifend sodales.

Documentation

Settings

HTML Tag

Determines the html tag of the title. You can select headings from h1 to h6 or paragraph. paragraph by default.

Typography

Customize title styles.

Mask color

Determines the mask color behind the text to reveal. It should matches the body or wrapper background to reach a fancy effect. White by default.

Text Opacity

Determines the opacity of the text to reveal. 0.1 by default.

Animation

Duration

Determines the reveal animation duration. 1 by default (in seconds).

Start

Determines when the animation starts. top center by default (when the top of the trigger hits the center of the viewport). You can check the start options at GSAP ScrollTrigger docs.

Scroller

Selects the scrolling wrapper the animation will attach to. body

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

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.