Module 56 of 71
Divi Shuffle Letters that decode the headline.
The key word scrambles through random characters, then settles into place. Set the speed, the duration and the characters it cycles through.
Fewer plugins.Fasterwebsites.
What is the Divi Shuffle Letters module?
Shuffle Letters is a Divi 5 module in Divi Supreme Pro that reveals a word by cycling its letters through random characters until each one locks into place, like a code being cracked.
Write the Before Text, the Shuffle Text and the After Text, and put the shuffle or after text on a new line if you like. Set how fast the characters change and how long the shuffle lasts, and replace the random characters with your own set, such as numbers or symbols.
text parts
max duration
0.01s
fastest shuffle step
custom code
Start from a Shuffle Letters recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Shuffle Letters setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Shuffle Letters can do.
Before, shuffle, after
Three text parts so only the key word scrambles.
New lines
Put the shuffle word or the after text on its own line.
Speed and duration
How fast characters change, and how long until the word settles.
Your own characters
Cycle through numbers, symbols or any set of letters you choose.
Link it
Make the whole heading a link.
Reduced motion
Visitors who prefer less motion see the final word straight away.
Shuffle Letters documentation
Setup for Divi 5: before, shuffle and after text, line breaks, speed, duration and random characters.
Questions about Shuffle Letters.
Next module, A to Z
Social Share Buttons Module
Related modules
Typing Effect Module
Type and delete words in a heading.
Glitch Text Module
Animated glitch headings.
Text Rotator Module
Rotate words in a heading.
Make the key word earn its reveal.
Shuffle Letters comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.