Pulsa la corona
Watch with date magnifier
A watch dial under sapphire crystal with a cyclops lens over the date; press the crown to change the day.
Settings
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">Automatic</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">Press the crown</p></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Liquid Glass
See all Liquid GlassWhere to use it
A dress watch drawn entirely in CSS: fluted gold bezel, sunburst dial, applied indices and a bracelet. The star is the cyclops, a small raised lens that magnifies the date window two and a half times, with its own highlights and blue anti-reflective tint. The hands follow the real time. Good for watch shops, calendars and booking pages.
Swap the dial and gold colors for a steel, black or blue look, and replace the brand text with your own. The crown works as a spin button, so arrow keys and clicks move the date forward or back.