HTML + CSSFondos
Ondas de espectro de audio
Ondas horizontales en capas que vibran como un visualizador de música y se suavizan hacia los bordes.
Ajustes
1x
1x
1
Código
<div class="pt-spectrum"><canvas></canvas></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
Estas ondas encajan con todo lo que suene: la web de un podcast, el lanzamiento de un single, la landing de un asistente de voz o la web de un DJ. Se mueven solas, sin reaccionar al audio real, y así son sencillas y predecibles. Un fondo de ondas de sonido animado en canvas.
El número de líneas sigue al control de densidad: con dos o tres queda elegante y con diez se vuelve enérgico y cargado. Pon el titular por encima o por debajo de la franja central, que es donde las ondas se mueven más.