HTML + CSSFondos
Degradado con grano
Grano de película animado sobre un degradado oscuro con una luz que se mueve, para una textura analógica.
Ajustes
1x
1x
1
Código
<div class="pt-grain"><b></b><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
El grano le quita al degradado ese aspecto demasiado digital y lo acerca a una foto en carrete. Encaja en el portfolio de un fotógrafo, en la home de un estudio creativo o en el lanzamiento de un disco. El ruido parpadea como una película real mientras la luz se desplaza despacio. Un fondo con grano de película en CSS.
El grano está suave a propósito. Si subes la opacidad, revísalo también en el móvil, porque en pantallas pequeñas y brillantes se nota más. Combina muy bien con titulares grandes con serifa y mucho aire alrededor.