HTML + CSSArrière-plans
Spectre audio
Des ondes horizontales superposées qui vibrent comme un visualiseur de musique et s’adoucissent vers les bords.
Réglages
1x
1x
1
Code
<div class="pt-spectrum"><canvas></canvas></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Arrière-plans
Où l’utiliser
Ces ondes vont avec tout ce qui fait du son : le site d’un podcast, la sortie d’un single, la landing page d’un assistant vocal ou le site d’un DJ. Elles bougent toutes seules et ne réagissent pas à un vrai son, ce qui les rend simples et prévisibles. Un fond d’ondes sonores animé en canvas.
Le nombre de lignes suit le réglage de densité : deux ou trois donnent un rendu élégant, dix un rendu plus chargé et énergique. Placez le titre au-dessus ou en dessous de la bande centrale, là où les ondes bougent le plus.