AIMRANAutomático14

Pulsa la corona

HTML + CSSLiquid Glass

Uhr mit Datumslupe

Ein Zifferblatt unter Saphirglas mit Zyklopenlupe über dem Datum; drück die Krone, um den Tag zu ändern.

Einstellungen

16px
1x

Code

<div class="uvq11-cyc"><div class="wt"><div class="dl"><i class="ix tw" style="--i:0"></i><i class="ix" style="--i:1"></i><i class="ix" style="--i:2"></i><i class="ix" style="--i:4"></i><i class="ix" style="--i:5"></i><i class="ix" style="--i:6"></i><i class="ix" style="--i:7"></i><i class="ix" style="--i:8"></i><i class="ix" style="--i:9"></i><i class="ix" style="--i:10"></i><i class="ix" style="--i:11"></i><span class="br">AIMRAN</span><span class="sb">Automatik</span><span class="dw"><b>14</b></span><i class="hh"></i><i class="mh"></i><i class="sh"></i><i class="cp"></i></div><div class="cr" aria-hidden="true"></div><div class="cy" aria-hidden="true"><b>14</b></div><span class="cw" role="spinbutton" tabindex="0" aria-label="Datum" aria-valuemin="1" aria-valuemax="31" aria-valuenow="14"></span></div><p class="hn">Krone drücken</p></div>

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 Liquid Glass

Alle ansehen: Liquid Glass

Wofür du ihn nutzen kannst

Eine elegante Armbanduhr komplett in CSS: geriffelte Goldlünette, Sonnenschliff-Zifferblatt, aufgesetzte Indizes und Armband. Im Mittelpunkt steht die Zyklopenlupe, eine kleine erhabene Linse, die das Datumsfenster zweieinhalbfach vergrößert, mit eigenen Glanzlichtern und der bläulichen Entspiegelung. Die Zeiger zeigen die echte Uhrzeit. Passt zu Uhrenshops, Kalendern und Buchungsseiten.

Tausche Zifferblatt- und Goldfarbe für einen Look in Stahl, Schwarz oder Blau und ersetze den Markennamen durch deinen. Die Krone funktioniert als Drehfeld, Pfeiltasten und Klicks stellen das Datum vor oder zurück.