Divi Text Animation Effects
The Text Animation Extention in Divi Essential allows you to create engaging and dynamic text effects such as typing, rotating, sliding, and more. It helps you highlight key messages and improve user engagement with visually appealing animations.
🚀 How to Enable
- Go to your WordPress Dashboard
- Navigate to Divi Essential → Extensions
- Enable Text Animation
⚙️ How to Use
- Open any supported module (e.g., Heading or Text Module)
- Go to the Design Tab
- Find the Text Animation section
- Enable “Enable Text Animation”
🎞️ Animation Settings
After enabling, you’ll see the following options:
🎥 Animation Types
Choose from a wide range of animation effects:
- Blur In
- Bounce Words
- Bouncy Characters
- Fade Words
- Flip Words
- Slide Words
- Scale Words
- Rotate Words
- Typewriter
- Glitch
- Wavy
- Gradient Flow
- Stagger Pop
- True Focus
- Scramble
- Split Reveal
- Magnetic
- Particle Text
- Resize Handle
- Textured Mask
🔄 Direction
Set the direction of the animation (e.g., Left, Right).
⚡ Speed
Control how fast the animation plays.
⏱️ Stagger Delay
Add delay between each character or word for smoother animation flow.
🔁 Loop Animation
Enable this option if you want the animation to repeat continuously.
💡 Tips for Best Results
- Use short and clear text for better animation visibility
- Avoid overusing animations on a single page
- Adjust speed and delay for mobile responsiveness
- Test different animation types to match your design
FAQ (Frequently Asked Questions)
Can I animate multiple words or phrases?
Yes, you can add multiple words separated by commas to create rotating or typing effects.
Does this module work on mobile devices?
Yes, it is fully responsive. However, always test and adjust animation speed for mobile usability.
Can I stop the animation after one run?
Yes, disable the loop option to run the animation only once.
Can I style the text (font, color, size)?
Absolutely. Use the Design tab to fully customize typography and colors.
Does it support custom CSS?
- Yes, you can apply custom CSS for advanced styling and control.