Animierte CSS-Checkboxen zum Kopieren

Checkboxen, bei denen der Haken selbst die Animation ist: ein Haken, der sich zeichnet, eine kreisförmige Füllung aus der Mitte, eine Partikel-Explosion, eine Aufgabe, die durchgestrichen wird, eine Box, die sich in 3D dreht, ein Herz, das sich füllt, ein zweistrichiger Haken mit Rückfederung, ein Rahmen, der zur Füllung wird, eine Farbwelle, ein Neonglühen und ein Schloss, das aufgeht.

Das native Input bleibt darunter erhalten, Tastatur und Screenreader funktionieren also wie gewohnt. Farbe und Größe anpassen, dann HTML und CSS in Formulare, To-do-Listen und Einstellungen kopieren.