Dot grid with roaming glow
A section on a dot grid fading towards the edges, swept by a wandering teal glow.
- Tailwind
- React
- CSS
- WordPress
Description
A fine dot grid drawn in CSS and faded towards the edges by a radial mask gives a technical, polished background. A very soft teal glow slowly wanders over it, like a lamp moved across a blueprint. No script or image: the background adapts to every size and stays crisp on high-density screens. In dark mode the grid recedes and the glow brightens; with prefers-reduced-motion the glow rests in the centre.
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