BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Text Reveal Configurator - Breakfusion
data-text-reveal-section

Text Reveal

Smooth Text Reveal Animation for Breakdance Builder

How to Use & Code Information
â–¼
  1. Customize your text reveal effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-text-reveal-section with value true

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

Animation Configuration
Animation Speed ℹ
0.3
Trigger Position ℹ
50
Animation Length ℹ
100
Appearance
End Color (HEX)
End Color (HSL)
Start Color (HEX)
Start Color (HSL)
Text Opacity ℹ
20
Reveal Animation Type
Each line of text appears as an individual unit
Each word animates individually in sequence
Each letter animates individually for a typewriter effect
Advanced Settings
Scroll Smoothness ℹ
0.5
Element Selection