Shimmer Text

A light sweep that glides across gradient-clipped type. Pure CSS, with a Tailwind version.

An original by PasteMotion · MIT License

WidthFull

Code

index.html

<h2 class="shimmer-text">Copy. Paste. Animate.</h2>

Paste the HTML where the animation should appear.
Add the CSS to your stylesheet. Every class starts with the animation's name, so it won't clash with yours.
Adjust the custom properties (--accent, --color-2, --speed) on .shimmer-text to restyle it without touching the rest.
Reduced-motion users are covered: the animation calms down or stops when that setting is on.