Core UI and Core Animator were just released!

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

Introduction
Text elementsButton elementsMenu elementsCore elementsFeatures
Need assistance?
*Please feel free to reach us and we will kindly instruct you on the behaviour of any element. You can also reach our community group or take a look at our tutorials.
Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.