Checkboxes CSS animados para copiar

Checkboxes en los que la propia marca es la animación: un tick que se dibuja, un relleno circular desde el centro, una explosión de partículas, una tarea que se tacha, una caja que gira en 3D, un corazón que se llena, un tick de dos trazos con rebote, un borde que se convierte en relleno, una onda de color, un brillo de neón y un candado que se abre.

Mantienen el input nativo debajo, así que teclado y lectores de pantalla funcionan como siempre. Cambia color y tamaño y copia el HTML y el CSS a tus formularios, listas de tareas y ajustes.