Brickscore / Elements / 
Scroll Gradient

Scroll Gradient

Text element

Documentation

Settings

HTML Tag

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

Gradient Wrapper Style

Scroll Gradient has a wrapper. You can customize its styles right from here. (Width, Height and Padding). Scroll Gradient can't have any other wrapper apart from the native one as it will break the pin animation.

Gradient style

This is the Scroll Gradient content. You can customize its typography, width and max-width.

Colors

You can set all the colors you want to create your gradient from this repeater.

ScrollTrigger

From

Scroll Gradient can be revealed from bottom or top. From bottom by default.

Start

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

End

It will determine how much scroll has to be done until the gradient is completed. +=300% by default.

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.

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.

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

No spam. Only Brickscore news and showcases

brickscore

Brickscore is the elements plugin you’ve been searching for.

Brickscore 
© 2024 Brickscore. All rights reserved.