HTML + CSSButtons

Risografie-Button

Zweifarbdruck mit leicht verschobenem Passer: Unter dem Cursor wachsen die Rasterpunkte, bis sie zu voller Farbe werden.

Einstellungen

16px
1x

Code

<button class="uvq01-rso" type="button"><span class="ht" aria-hidden="true"></span><span class="t2" aria-hidden="true">Drucken</span><span class="t">Drucken</span></button>

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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Buttons

Alle ansehen: Buttons

Wofür du ihn nutzen kannst

Risografie mit ihrem Neonpink, kräftigen Blau und unperfekten Passer ist bei Zines und unabhängigen Studios beliebt. Dieser Button ahmt sie auf cremefarbenem Papier nach: ein pinkes Punktraster unter blauer Schrift, eine pinke Kopie der Beschriftung leicht außer Passer, und wo der Zeiger hinkommt, wachsen die Punkte dank eines Kontrastfilter-Tricks zu voller Farbe. Gut für Plakate, Zines, Festivals und Kreativagenturen.

Die Hauptfarbe ist die Rasterfarbe, die Zweitfarbe Schrift und Rahmen, klassische Riso-Paare wie Gelb und Petrol oder Orange und Violett sind also schnell gemacht. Die Zeigerbewegung verschiebt auch die versetzte Kopie etwas, wie bei einem von Hand eingelegten Druck.