Retro-Menü für den Schwierigkeitsgrad
Der Bildschirm einer 8-Bit-Konsole mit Scanlines: Ein Pixelcursor blinkt neben dem gewählten Schwierigkeitsgrad.
Einstellungen
Code
<fieldset class="uvq04-px"><legend>Schwierigkeit</legend><label><input type="radio" name="uvq04-px"><i class="cu" aria-hidden="true"></i><span class="tx">Leicht</span><span class="pw" aria-hidden="true"><i class="on"></i><i></i><i></i><i></i></span></label><label><input type="radio" name="uvq04-px" checked><i class="cu" aria-hidden="true"></i><span class="tx">Normal</span><span class="pw" aria-hidden="true"><i class="on"></i><i class="on"></i><i></i><i></i></span></label><label><input type="radio" name="uvq04-px"><i class="cu" aria-hidden="true"></i><span class="tx">Schwer</span><span class="pw" aria-hidden="true"><i class="on"></i><i class="on"></i><i class="on"></i><i></i></span></label><label><input type="radio" name="uvq04-px"><i class="cu" aria-hidden="true"></i><span class="tx">Albtraum</span><span class="pw" aria-hidden="true"><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i></span></label><p class="pr" aria-hidden="true">Leertaste drücken</p></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
Diese Radiogruppe ist der Auswahlbildschirm einer alten Heimkonsole, gezeichnet auf einem gewölbten Röhrenmonitor mit Scanlines, leichtem Flackern und dunkler Vignette. Ein gestufter Pixelpfeil blinkt neben der gewählten Stufe, ihr Name leuchtet gelb, und eine Reihe pinker Blöcke zeigt, wie schwer sie ist. Passend für Spiele, Lernkurse mit Challenges und nostalgische Landingpages.
Die Hauptfarbe färbt Cursor und gewählten Text, die Zweitfarbe Titel und Blöcke. Halte die Begriffe in Großbuchstaben und unter zehn Zeichen, damit sie einzeilig bleiben, und passe den blinkenden Hinweis unten an deine Steuerung an.