Pulsa la corona
Montre à loupe de date
Un cadran sous verre saphir avec la loupe cyclope au-dessus de la date ; appuyez sur la couronne pour changer le jour.
Réglages
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">Automatique</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="Date" aria-valuemin="1" aria-valuemax="31" aria-valuenow="14"></span></div><p class="hn">Appuyez sur la couronne</p></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Liquid Glass
Voir tout : Liquid GlassOù l’utiliser
Une montre habillée dessinée entièrement en CSS : lunette cannelée dorée, cadran soleillé, index appliqués et bracelet. La vedette est la cyclope, cette petite lentille en relief qui grossit le guichet de date deux fois et demie, avec ses reflets et la teinte bleutée du traitement antireflet. Les aiguilles suivent l’heure réelle. Convient aux horlogers, aux calendriers et aux pages de réservation.
Changez les couleurs du cadran et de l’or pour un rendu acier, noir ou bleu, et remplacez le nom de marque par le vôtre. La couronne fonctionne comme un sélecteur numérique : flèches et clics avancent ou reculent la date.