Word with twinkling stars
A highlighted word in a heading, around which small stars fade in and out as they twinkle.
- Tailwind
- React
- CSS
- WordPress
Description
Four small SVG stars light up, turn a quarter and fade out in turn around the heading's key word: a festive touch for a seasonal offer, a launch or good news. The stars follow the word when the heading wraps and are hidden from screen readers. Pure CSS, no image or script, AA contrast in light and dark mode. With prefers-reduced-motion the stars stay visible and still.
Code
Loading the code…
In the same spirit
A large heading in hollow letters where each word fills with colour from left to right, one after another.
- Tailwind
- React
- CSS
- WordPress
A product card crossed at the corner by a discount ribbon over which a glint of light sweeps.
- Tailwind
- React
- CSS
- WordPress
An integrations pitch where seven icons slowly circle a logo on two orbits.
- Tailwind
- React
- CSS
- WordPress
An offer card topped with a deck of colour swatches that fans out on hover or keyboard focus.
- Tailwind
- React
- CSS
- WordPress