Snowfall with depth
Three layers of snowflakes fall at different speeds and blur levels, so the scene feels deep.
Settings
Code
<div class="pt-snow"><i></i><i></i><i></i></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Backgrounds
Where to use it
Falling snow is the obvious choice for seasonal pages: a Christmas sale on an online shop, the booking page of a ski chalet or the landing page of a winter newsletter. Because the near flakes fall faster and look out of focus, the background has real depth instead of looking like flat confetti. An animated CSS snow background, no JavaScript.
Take it down once the season is over, since snow in March just looks forgotten. On a product page, lower the opacity so the flakes don’t cross the photos too visibly, and let a dark blue background do most of the work.