Premium element

Animated text

Reveal Text v2

Reveal text v2 gradually changes the color of individual words within a text element as the user scrolls through a section. The effect is designed to provide a dynamic text reveal experience, where each word transitions from an initial color to a target color.

Preview

Quick Setup

data-reveal-v2-section=true

Required

Activates the Scroll Reveal Text v2 on the specified container section. Adding this attribute enables the functionality.

data-reveal-v2-text-container=true

Required

Specifies the container element where the text will be revealed. The container should be a child of the section.

data-reveal-v2-text=true

Required

The text element containing the words to be revealed. The content of this element will be split into individual words for the reveal animation.

Available Presets

Defines the starting color for the words before the scroll reveal begins.

data-initial-color-preset="preset-name"

Optional

gray

lightgray

darkgray

silver

darkslategray

dimgray

slategray

navy

olive

maroon

teal

purple

Advanced configuration

data-reveal-v2-speed

Optional

Sets the speed of the reveal animation. This value controls how quickly the words transition based on scroll progress.

Default: 1.5

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours