New

9 buttons. Ready to use.

Text Reveal Configurator - BricksFusion
data-text-reveal-section
How to Use & Code Information
  1. Customize your text reveal animation using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-text-reveal-section as attribute name (leave value empty)

Discover the power of smooth text reveal animations.
Create engaging and interactive reading experiences.
Capture your audience's attention with style.

Animation Settings
Animation Speed
0.3x
Trigger Position
50%
Animation Length
100%
Appearance
HEX
HSL
Reveal Color
HEX
HSL
Initial Color
Text Opacity
20%
Reveal Animation Type
Each line of text appears as a single unit
Each word animates individually in sequence
Each letter animates individually for a typewriter effect
Advanced Options
Scroll Smoothness
0.5s
Element Selection