Skip to content
All effectsBadge

Glint

Star shapes on a clip-path polygon, each with its own delay and position. No SVG and no sprite sheet.

Pure CSSBadgePro

Usage

Magic

Meant for

BadgeButton labelKPI

Examples

On a Button

Star shapes on a clip-path polygon, each with its own position and delay. No SVG and no sprite sheet — four spans and eight polygon points. Every child of the class is a star, so the stars get their own layer in the button's grid cell instead of going inside the label.

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