HTML + CSSArrière-plans

Trame de risographie

Trois trames de points à des angles différents pulsent en vagues superposées comme une impression risographique, en canvas.

Réglages

1x
1x
1

Code

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

L'allure d'un atelier d'impression à l'écran. Trois trames de demi-teinte sont orientées selon les angles classiques et remplies de tes trois couleurs, et la taille de chaque point suit des vagues lentes, si bien que les tons enflent et s'effacent sur la surface. Là où les couches se croisent, les couleurs se mélangent comme de l'encre sur papier.

En mode clair les couches se multiplient comme de l'encre, en mode sombre elles s'additionnent comme de la lumière, selon le mélange du thème. La densité change le pas des points et la vitesse le mouvement des vagues. Parfait pour la musique, l'édition et les pages affiche.