HTML + CSSEingabefelder
Feld mit drehendem Verlauf
Solange das Feld aktiv ist, dreht sich ein zweifarbiger Verlaufsrahmen langsam um es herum.
Einstellungen
16px
1x
Code
<label class="uv-in2g"><input placeholder="Projekt suchen"></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 Eingabefelder
Wofür du ihn nutzen kannst
Ein rotierender Verlaufsrahmen lenkt den Blick auf ein wichtiges Feld: das Prompt-Feld eines KI-Tools, die Projektsuche in einem Dashboard oder „Deine Domain eingeben“ auf der Landingpage eines Hosters. Klickst du daneben, wird der Rahmen wieder ruhig. Ein Input mit animiertem Gradient-Rahmen, nur mit CSS.
Setz ihn für ein einziges Hauptfeld pro Seite ein. Wenn sich jedes Feld dreht, sieht das Formular aus wie ein Spielautomat. Zwei Farben aus deiner Markenpalette reichen, ein Regenbogen wird schnell unruhig.