Module 2 of 71
Divi Animated Gradient Text that never sits still.
Moving gradient headlines for Divi 5. Pick the colours, direction and speed, and keep the right heading tag.
Headlines that move.
What is the Divi Animated Gradient Text module?
Animated Gradient Text is a Divi 5 module in Divi Supreme Pro that fills a heading with a gradient that moves across the letters. You choose the colours, the angle and how fast it moves.
The words stay real, selectable text at the heading level you pick, so search engines read them like any other heading. Use it for hero headlines, launch banners, sale callouts and section titles.
gradient colours
heading levels
line of settings
custom CSS
Start from an Animated Gradient Text recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Launch week is live.
Try every Animated Gradient Text setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Headlines that move.
Everything Animated Gradient Text can do.
Your own colours
Up to four gradient colours, from brand violet to sunset orange.
Any direction
Set the angle the gradient travels across the text.
Speed in seconds
From a slow shimmer to a fast launch banner.
SEO-safe heading tags
Set the heading level from H1 to H6.
Full typography
Font, size, weight and spacing from Divi design settings.
Divi 5 native, WPML ready
Built for Divi 5 and translatable with WPML.
Animated Gradient Text documentation
Setup for Divi 5: colours, direction, speed and heading tags.
Questions about Animated Gradient Text.
Next module, A to Z
Animated Headline Module
Related modules
Gradient Text Module
Static gradient fills for any heading.
Typing Effect Module
Headlines that type themselves out.
Text Rotator Module
Swap words in a headline on a loop.
Make your headlines move in Divi 5.
Animated Gradient Text comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.