Interrupteurs animés en CSS : toggles à copier
6 blocs · 6 en HTML + CSS · 0 en React + Motion
Six interrupteurs pour des réglages activer/désactiver, chacun avec son propre mouvement : un toggle élastique façon iOS, un toggle jour/nuit qui change la scène, un ON/OFF classique, un néon, une boule qui tourne et affiche une icône, et un interrupteur neumorphique tout en douceur.
Tous reposent sur une vraie case à cocher stylée en CSS, ils fonctionnent donc au clavier et dans les formulaires. Réglez les couleurs des deux états et copiez le code.