HTML + CSSInterrupteurs

Interrupteur pile ou face

Une pièce saute et tourne en 3D pour passer de la face euro à la face dollar.

Réglages

16px
1x

Code

<label class="uvq03-con"><input type="checkbox" role="switch"><span class="st"><span class="cn"><b class="f a">€</b><b class="f b">$</b></span><i class="sd"></i></span>Prix en dollars</label>

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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Interrupteurs

Voir tout : Interrupteurs

Où l’utiliser

Cet interrupteur est une pièce à deux faces : une dorée avec le symbole de l’euro et une argentée avec celui du dollar. Au changement, la pièce saute et tourne plusieurs fois en 3D avant de retomber sur l’autre face, pendant que son ombre au sol rétrécit puis grandit. Un court script rejoue le saut. Il convient aux sélecteurs de devise, pages de tarifs et boutiques.

Les deux couleurs règlent le métal de chaque face. Remplacez les symboles du HTML par la livre, le yen ou toute autre paire d’options, et précisez dans le libellé ce que signifie la face active.