Animierte Toggle-Schalter in CSS

6 Bausteine · 6 in HTML + CSS · 0 in React + Motion

Sechs Schalter für An/Aus-Einstellungen, jeder mit eigener Bewegung: ein elastischer Toggle im iOS-Stil, ein Tag/Nacht-Toggle, der die Szene wechselt, ein klassisches ON/OFF, ein Neon-Schalter, eine Kugel, die sich dreht und ein Icon zeigt, und ein weicher neumorpher Schalter.

Alle sind darunter eine echte Checkbox, mit CSS gestaltet, und funktionieren mit Tastatur und in Formularen. Farben für beide Zustände festlegen und Code kopieren.

Weitere Kategorien