Calculatrice en verre
Une calculatrice qui fonctionne, avec des touches en verre qui s'enfoncent sur un fond coloré.
Réglages
Code
<div class="uv-gcl"><output class="ds" aria-live="polite">0</output><div class="kp"><button type="button" class="fn" data-k="C">C</button><button type="button" class="fn" data-k="±">±</button><button type="button" class="fn" data-k="%">%</button><button type="button" class="op" data-k="÷">÷</button><button type="button" data-k="7">7</button><button type="button" data-k="8">8</button><button type="button" data-k="9">9</button><button type="button" class="op" data-k="×">×</button><button type="button" data-k="4">4</button><button type="button" data-k="5">5</button><button type="button" data-k="6">6</button><button type="button" class="op" data-k="−">−</button><button type="button" data-k="1">1</button><button type="button" data-k="2">2</button><button type="button" data-k="3">3</button><button type="button" class="op" data-k="+">+</button><button type="button" class="zr" data-k="0">0</button><button type="button" data-k=",">,</button><button type="button" class="eq" data-k="=">=</button></div></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 calculatrice est la vitrine idéale pour des touches en verre, puisqu'elle n'est faite que de boutons. Celle-ci calcule vraiment : chiffres, virgule, changement de signe, pourcentage et les quatre opérations, avec l'opérateur actif surligné en blanc jusqu'au nombre suivant. Chaque touche est une pilule dépolie qui rétrécit à l'appui, sur de grandes formes colorées qui montrent la réfraction.
Les résultats suivent la langue de la page et les nombres longs sont tronqués. Utilise-la dans des widgets, des calculateurs de pourboire ou de prêt, et règle le verre avec les curseurs.