HTML + CSSFondos
Degradado que respira
Tres colores giran dentro de un gran degradado cónico desenfocado mientras los bordes laten despacio.
Ajustes
1x
1x
1
Código
<div class="pt-breathe"><i></i><b></b></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
Este fondo pide sitios tranquilos: la pantalla de bienvenida de una app de meditación, la web de un estudio de yoga o la sala de espera antes de un directo. Los colores giran muy despacio y los bordes laten como una respiración. Es un fondo degradado animado que casi no se nota, y ahí está la gracia.
Aquí lo que más importa es la velocidad. Con el valor por defecto relaja; si la subes mucho, el latido se vuelve ansioso y pierde todo el sentido. Queda mejor detrás de una frase corta y un único botón.