Generador CSS Flip Switch

Este generador CSS Flip Switch te ayuda a crear toggle switches animados con CSS puro. Personaliza el track, thumb, etiquetas, colores, bordes, transición y presets, previsualiza el estado on/off y copia el HTML y CSS generados.

Personalización

Animation

ms

Track Configuration

px
px
px
px

Thumb Configuration

px
px
%
px

Labels

px
px

Vista previa

{{ isChecked ? labelActive : labelInactive }}