New

9 buttons. Ready to use.

Word Rotate Configurator - BricksFusion
data-word-rotate
How to Use & Code Information
  1. Customize your word rotate 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 the JavaScript code
  5. To add the effect to any text element: go to Section → Style → Attributes, add data-word-rotate as attribute name (leave value empty)
We create amazing experiences
Word Settings
Rotating Words
amazing
stunning
powerful
beautiful

Enter words to rotate through in your animation

Text Color
HEX
HSL
Use Gradient
Apply a gradient effect to the rotating words
Animation Settings
Display Duration
2500ms
Animation Speed
350ms
Animation Type
Advanced Options
Pause on Hover
Pause rotation when hovering over the element