HTML + CSSArrière-plans

Damier op art déformé

Un damier se bombe comme sous une loupe en mouvement pendant que de douces vagues courbent ses rangées, en canvas.

Réglages

1x
1x
1

Code

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

Voir tout : Arrière-plans

Où l’utiliser

Un fond op art dans l'esprit des estampes optiques des années soixante. Un damier régulier est dessiné comme un maillage de points, et chaque point est repoussé depuis un centre mobile avec une atténuation douce, ce qui crée un renflement façon loupe qui se promène à l'écran. En même temps, de légères ondes courbent lignes et colonnes.

Une lueur dans la troisième couleur se pose sur le renflement pour lui donner du volume. La densité règle le nombre de cases en largeur et la vitesse le trajet de la loupe. Audacieux et graphique, il convient à la mode, aux festivals et aux événements design.