HTML + CSSFondos

Crestas que laten

Líneas apiladas con picos que se mueven como un pulso; el puntero levanta montañas allí por donde pasa, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-ridgelines"><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

Ver todos: Fondos

Dónde usarlo

Un guiño a la famosa portada del púlsar. Filas de líneas se apilan de arriba abajo, cada una con picos afilados concentrados en el centro que ondulan con el tiempo. Cada línea rellena su zona con el color de fondo, así las de delante tapan a las de detrás y el conjunto se lee como un paisaje de crestas.

Al mover el puntero se levanta una montaña suave debajo que viaja con la mano. El color de las líneas pasa del primero al segundo a lo largo de la pila, la densidad decide cuántas filas hay y la velocidad lo rápido que ondulan. Perfecto para música y productos de audio.