Rotating sunburst background
An announcement set on sun rays that slowly turn from the centre, fading towards the edges.
- Tailwind
- React
- CSS
- WordPress
Description
Rays drawn with a repeating conic gradient turn very slowly behind the heading, like a sun or a funfair poster, and fade towards the edges through a radial mask. A cheerful backdrop for a contest, a promotion or a summer event. Only a rotation is animated, with no image or script; the rays stay subtle so text keeps AA contrast in light and dark mode. With prefers-reduced-motion the rays stay 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