HTML + CSSFondos

Nieve con profundidad

Tres capas de copos caen a distinta velocidad y con distinto desenfoque, así la escena gana profundidad.

Ajustes

1x
1x
1

Código

<div class="pt-snow"><i></i><i></i><i></i></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Más en Fondos

Dónde usarlo

La nieve es la elección evidente para páginas de temporada: las rebajas de Navidad de una tienda online, una casa rural de montaña o la landing de una newsletter de invierno. Como los copos cercanos caen más rápido y se ven desenfocados, el fondo tiene profundidad y no parece confeti plano. Un fondo de nieve animado en CSS.

Quítalo cuando acabe la temporada, porque la nieve en marzo parece un descuido. En una ficha de producto baja la opacidad para que los copos no pasen por encima de las fotos, y deja que un azul oscuro de fondo haga el resto.