Skip to content
All effectsBadge

Glitch Text

Two offset copies of the text in cyan and pink, each clipped to a different band on a two-step timer. The steps are what make it read as broken rather than smooth.

Pure CSSBadgePro

Usage

WunderUI

Meant for

BadgeAgent StatusLog Stream

Examples

On a Badge

Two offset copies in two colours, each clipped to a different band on a two-step timer. The steps are what make it read as broken rather than smooth. Needs data-wm-text with the same string. The semantic red stays: here the colour is the message.

Connection lost

The class is wm wm-glitch-text — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.