Tintenklecks-Schalter
Auf liniertem Briefpapier läuft ein Tropfen Tinte aus und tränkt die Bahn mit ausgefransten Rändern und Spritzern.
Einstellungen
Code
<label class="uvq03-ink"><input type="checkbox" role="switch"><span class="pp"><svg width="0" height="0" aria-hidden="true"><filter id="uvq03-ink-f"><feTurbulence type="fractalNoise" baseFrequency="0.07" numOctaves="2" seed="4"/><feDisplacementMap in="SourceGraphic" scale="10"/></filter></svg><span class="bl"><i class="a"></i><i class="b"></i><i class="c"></i><i class="d"></i></span><span class="kn"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3c3 4 6 7.5 6 11a6 6 0 0 1-12 0c0-3.5 3-7 6-11z"/></svg></span></span>Mit Tinte unterschreiben</label>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 Schalter
Alle ansehen: SchalterWofür du ihn nutzen kannst
Dieser Schalter liegt auf einem Streifen liniertem Papier mit rotem Rand. Beim Einschalten gleitet der Knopf mit dem Tropfen hinüber, und dahinter breitet sich eine Tintenlache mit rauen, auslaufenden Rändern und ein paar Spritzern aus. Die Ränder entstehen durch einen SVG-Turbulenzfilter auf einfachen Kreisen. Passend für Unterschriftsschritte, Tagebuch-Apps, Schreibwarenläden und Schreibwerkzeuge.
Die Hauptfarbe ist die Tinte, die zweite das Papier. Eisengallusschwarz, Sepia oder ein kräftiges Füllertürkis funktionieren gut, und der Seed-Wert des Filters im SVG verändert die Form des Kleckses.