HTML + CSSHintergründe

Risografie Raster

Drei Punktraster in verschiedenen Winkeln pulsieren in überlagerten Wellen wie ein Risodruck, auf Canvas gezeichnet.

Einstellungen

1x
1x
1

Code

<div class="pt-halftone"><canvas></canvas></div>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Mehr aus Hintergründe

Alle ansehen: Hintergründe

Wofür du ihn nutzen kannst

Der Look einer Druckerei für den Bildschirm. Drei Halbtonraster stehen in klassischen Rasterwinkeln und sind mit deinen drei Farben gefüllt, und die Größe jedes Punktes folgt langsamen Wellen, sodass Töne über die Fläche anschwellen und verblassen. Wo sich die Ebenen überlagern, mischen sich die Farben wie Tinte auf Papier.

Im hellen Modus multiplizieren sich die Ebenen wie echte Farbe, im dunklen addieren sie sich wie Licht, passend zur Mischung des Themas. Die Dichte ändert den Punktabstand, das Tempo die Wellen. Ideal für Musik, Magazine und Plakatseiten.