Underline Input
VueMinimalistisches Feld mit animiertem Verlaufs-Unterstrich beim Fokus.
1<div class="ud-field">2 <input id="ud-input" class="ud-input" type="text" placeholder=" " />3 <label for="ud-input" class="ud-label">Benutzername</label>4 <span class="ud-line" aria-hidden="true"></span>5</div>Keine Installation, kein Build-Step — reine Standards, sofort einsatzbereit.
Klicke oben auf „Code kopieren“ — HTML und CSS landen in deiner Zwischenablage.
Füge das Markup an der gewünschten Stelle deiner Seite oder Komponente ein.
Übernimm den <style>-Block bzw. die Klassen in deine Stylesheet-Datei.
Aus derselben Kategorie oder mit passenden Tags.
Melde dich an, um zu kommentieren.
Minimalistisches Feld ohne Rahmen, dessen Unterstrich beim Fokussieren als Verlauf aus Violett, Fuchsia und Cyan von links nach rechts einfährt. Klar und modern im Dark-Theme.