Tuschetropfen für die Pinselstärke
Auf Reispapier fällt ein Tropfen Tusche, breitet sich in der gewählten Option aus und ändert die Strichstärke.
Einstellungen
Code
<fieldset class="uvq04-ink"><legend>Strichstärke</legend><svg class="fx" width="0" height="0" aria-hidden="true"><filter id="uvq04-ink-f"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="2" seed="4"/><feDisplacementMap in="SourceGraphic" scale="5"/></filter></svg><svg class="pv" viewBox="0 0 200 46" aria-hidden="true"><path pathLength="1" d="M14 32C42 6 64 42 94 22S152 6 186 28"/></svg><span class="hk" aria-hidden="true">墨</span><div class="op"><label><input type="radio" name="uvq04-ink"><span class="dt" aria-hidden="true"></span><span class="tx">Feiner Pinsel</span></label><label><input type="radio" name="uvq04-ink" checked><span class="dt" aria-hidden="true"></span><span class="tx">Mittlerer Pinsel</span></label><label><input type="radio" name="uvq04-ink"><span class="dt" aria-hidden="true"></span><span class="tx">Breiter Pinsel</span></label></div></fieldset>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 Radiobuttons
Alle ansehen: RadiobuttonsWofür du ihn nutzen kannst
Drei Pinselstärken liegen auf warmem Reispapier mit einem kleinen roten Siegel in der Ecke. Wählst du eine, fällt ein Tuschetropfen in den Kreis und blüht zu einem rauen Fleck auf, dessen ausgefranster Rand von einem SVG-Turbulenzfilter stammt. Der Beispielstrich darüber zeichnet sich in der neuen Stärke neu, passend für Zeichen-Apps, Papeterien und ruhige Magazinseiten.
Die Hauptfarbe ist die Tusche, die Zweitfarbe das Siegel, auch Indigo oder Sepia wirken natürlich. Der Filter steckt mit präfixierter ID im Block; nutze ihn einmal pro Seite und benenne die Optionen als Stifte, Federn oder Linienstärken um.