HTML + CSSFondos

Anillos moiré

Dos juegos de anillos concéntricos se deslizan uno sobre otro y crean interferencias que no paran de cambiar.

Ajustes

1x
1x
1

Código

<div class="pt-moire"><i></i><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 moiré es puro juego óptico, así que va en sitios que quieren parecer atrevidos y algo experimentales: la home de una galería de arte, la página de una sesión de techno o la web de un congreso de diseño. Los dibujos cambian sin parar mientras los anillos se mueven. Un fondo moiré hipnótico hecho en CSS.

Úsalo con moderación. El moiré puede resultar molesto a personas sensibles al parpadeo, así que evítalo en páginas de lectura larga y plantéate pararlo para quien tenga activado reducir movimiento. Mejor con titulares cortos.