← Disenyo y CSS
Disenyo y CSS · funciona localment

Chenerador d'interruptor de alternancia CSS accesible

Genere un interruptor de conmutación responsivo basato en casetas de verificación, con geometría coherente d'a pista y d'o botón, colores activos y un tractamiento de foco visible con o teclau.

Listo. Os tuyos datos de traballo se quedan en iste navegador.

Por qué ye útil ista ferramienta

Estilar una preferencia d'encender/agarra como un interruptor familiar, manteniendo una casilla de verificación real pa formularios, lectores de pantalla e intera-zión con o teclau.

Cómo funciona

As dimensiones de la pista e d'o garapito se validan a un tiempo, o recorríu d'o garapito se calcula a partir d'a suya diferencia y o amuestra en vivo se queda dimpués d'o pestanya actual d'o navegador.

Ejemplo práctico

Creya un interruptor de notificacions de 56 por 30 píxels que la suya estau activada vierde que o puño verde se mueva 26 píxels exactos a traviés d'o carril de 24 píxels.

Validación

O cálculo ye determinista y explica os errores de validación en lugar de cambiar silenciosament a entrada inválida.

Frontera de privacidat

L'entrada y a salida permanecen en ista pestanya. Copiar y descargar se faen a travez d'as APIs d'o navegador sin subir a un servidor.

Pasaporte de resultado

Cada execución informa o suyo modo de ferramienta, marca de tiempo y tamaño d'entrada/salida ta que se pueda auditar os datos transformaus.