← All elements
<div class="ff"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>About this animation
Small glowing dots drifting and blinking at different rhythms, like fireflies at dusk.
How it works
Eight tiny dots have a yellow glow from box-shadow. Each uses the same keyframe that moves and fades it along a wandering path, with different delays and durations so the movement looks natural.
Ways to customise it
- Add more dots with new positions.
- Change the glow colour.
- Slow the 5s base duration.
Good to know
It is decorative and stops under reduced motion. Keep any text over it above the background contrast.
Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.