Glitch Text

Text is replaced by random characters that refresh and gradually resolve into the final word.

Add a "Text Scramble" hover effect (also called text decode or encrypted text) to [where].
When the pointer moves over the text, each letter should flicker rapidly through random characters and settle on its real letter, resolving one after another from left to right.
Keep the text width from jumping while it scrambles, keep screen readers on the real text, and show the same effect on keyboard focus.

The element's opacity flickers irregularly like a failing light.

Add a "Flicker" effect (also called flickering) to [where].
The element should stay steady most of the time and dim in short, uneven stutters like a failing neon light.
Keep the timing irregular rather than evenly spaced, avoid rapid full-strength flashing, and stop it for users who prefer reduced motion.

A heading is cut into horizontal slices that shift sideways against each other as the page scrolls.

Add a "Sliced Text" effect (also called on-scroll sliced text) to [where].
A large heading should be cut into horizontal slices that slide sideways against each other as the user scrolls, lined up into the whole word at the start.
Tie the shift directly to the scroll position so scrolling back reverses it, and keep the heading as one readable text for screen readers.

Green characters fall in columns like the Matrix code rain.

Add a "Matrix Text" effect (also called digital rain text) to [where].
Columns of characters should fall steadily at slightly different speeds, each with a bright leading character and a tail that fades out behind it.
Treat it as decoration hidden from screen readers, keep it lightweight, and stop it for users who prefer reduced motion.

Text shows shifting rainbow foil reflections that move with pointer or time.

Add a "Holographic Text" hover effect (also called holographic foil text) to [where].
While the pointer is over the text, a band of foil-like colors should glide slowly and smoothly back and forth across the letters, and the text should return to its plain look when the pointer leaves.
Keep the letters readable at every point of the shimmer, and show the same effect on keyboard focus.

Text scales, moves, or rotates as a moving graphic element rather than static copy.

Add "Kinetic Typography" (also called kinetic text) to [where].
Rows of large repeated text should slide sideways in alternating directions at a slow, steady pace, turning the words into a moving graphic.
Make each row loop seamlessly without a visible jump, let screen readers read the text only once, and stop the motion for users who prefer reduced motion.

Letters fly apart on hover and return, or burst outward on entry.

Add a "Letter Scatter" hover effect (also called scatter gather letters or an explosive letter burst) to [where].
When the pointer moves over the text, each letter should fly a short way out in its own direction with a little spin, then smoothly gather back into the word when the pointer leaves.
Keep the word's space in the layout fixed while the letters move, keep it read as one word by screen readers, and show the same effect on keyboard focus.