Por que é útil esta ferramenta
Estiliza unha preferencia de activación/desactivación como un interruptor familiar mantendo unha caixa de verificación real para formularios, lectores de pantalla e interacción por teclado.
Deseño e CSS · execútase localmente
Xerador accesible de interruptor alternativo CSS
Xera un interruptor alternador responsivo baseado en caixas de verificación con xeometría coherente da vía e do botón deslizante, cores activas e un tratamento de foco visible co teclado.
Listo. Os teus datos de traballo permanecen neste navegador.
Como funciona
As dimensións do carril e do polgar valídanse xuntas, o desprazamento do polgar calcúlase a partir da súa diferenza e a mostra en directo permanece dentro da pestana actual do navegador.
Exemplo práctico
Crea un interruptor de notificación de 56 por 30 píxeles cuxo estado activado en verde mova exactamente o control deslizante de 24 píxeles 26 píxeles ao longo da pista.
Validación
O cálculo é determinista e explica os erros de validación en lugar de cambiar silenciosamente a entrada inválida.
Límite de privacidade
A entrada e a saída permanecen nesta pestana. A copia e a descarga realízanse a través das APIs do navegador sen subir datos a un servidor.
Pasaporte de resultado
Cada execución informa do seu modo de ferramenta, marca temporal e tamaño de entrada/saída para que os datos transformados poidan ser auditados.