HTML + CSSCheckboxen

Kreuzstich-Checkbox

Ein Stickrahmen aus Holz mit Karostoff, in den der Haken Kreuzstich für Kreuzstich eingestickt wird.

Einstellungen

16px
1x

Code

<label class="uvq02-xst"><input type="checkbox"><span class="hp" aria-hidden="true"><span class="cl"><b style="--x:1;--y:4;--i:0"></b><b style="--x:2;--y:5;--i:1"></b><b style="--x:3;--y:6;--i:2"></b><b style="--x:4;--y:5;--i:3"></b><b style="--x:5;--y:4;--i:4"></b><b style="--x:6;--y:3;--i:5"></b><b style="--x:7;--y:2;--i:6"></b></span></span>Handgemachtes Geschenk</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.

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

Mehr aus Checkboxen

Alle ansehen: Checkboxen

Wofür du ihn nutzen kannst

Statt eine Linie zu zeichnen, stickt diese Checkbox ihren Haken. Das Kästchen ist ein Holzrahmen mit Metallverschluss, der karierten Stoff spannt, und beim Abhaken entstehen nacheinander sieben Kreuzstiche in Garnfarbe. HTML und CSS ohne Bilder, eine warme, handgemachte Note für Bastelshops, DIY-Anleitungen, Geschenklisten und entschleunigte Marken.

Die Hauptfarbe ist das Garn, die Zweitfarbe der Stoff, also passen Rot auf Creme, Marine auf Leinen oder Gold auf Schwarz. Setze sie für eine bedeutsame Option ein und nicht in langen Listen, wo das Sticken langsam wirkt.