Also called Aurora Text, Rainbow Text Sweep, Gradient Text Color Wave
Text filled with a gradient whose colours continuously shift or flow.
Add an "Animated Gradient Text" effect (also called aurora text or a rainbow text sweep) to [where].
The letters should be filled with a gradient whose colors flow slowly and smoothly across the text in an endless, seamless loop.
Keep the text readable against its background at every moment, and hold the colors still for users who prefer reduced motion.
Also called Text Glitch, RGB Split Glitch
Text jitters with sliced offsets and red/cyan colour splits like a broken signal.
Use for
Cyberpunk or gaming headings
Add a "Glitch Text" hover effect (also called text glitch or RGB split glitch) to [where].
While the pointer is over the text, it should jitter in quick, snappy bursts: thin horizontal slices jump sideways and two colored copies split apart like a broken signal, then settle back when the pointer leaves.
Keep the real text in the document only once so screen readers don't read the copies, and show the same effect on keyboard focus.
Also called Holographic Foil Text
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.