CSS & Design

Interruptor CSS

Dibuja un interruptor y copia el CSS.

En el navegador

El interruptor se dibuja en esta pestaña. Copia el CSS a tu hoja de estilos.

Acerca de esta herramienta

Dibuja un interruptor y copia el CSS.

Ajusta el ancho de la pista y el color de encendido. El círculo queda a la derecha cuando está activo y a la izquierda cuando no. El CSS usa una pista redonda y un círculo blanco.

La vista no envía un formulario ni recuerda el estado. Los lectores de pantalla no tratan el dibujo como un interruptor. Úsalo junto a un control nativo.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Pasos rápidos

  1. Dibuja un interruptor y copia el CSS.
  2. Ajusta el ancho de la pista y el color de encendido. El círculo queda a la derecha cuando está activo y a la izquierda cuando no. El CSS usa una pista redonda y un círculo blanco.
  3. La vista no envía un formulario ni recuerda el estado. Los lectores de pantalla no tratan el dibujo como un interruptor. Úsalo junto a un control nativo.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Preguntas frecuentes

Dibuja un interruptor y copia el CSS.

Ajusta el ancho de la pista y el color de encendido. El círculo queda a la derecha cuando está activo y a la izquierda cuando no. El CSS usa una pista redonda y un círculo blanco.

La vista no envía un formulario ni recuerda el estado. Los lectores de pantalla no tratan el dibujo como un interruptor. Úsalo junto a un control nativo.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Un paso útil a continuación

Políticas del sitio: Privacidad · Términos