Gerador CSS Flip Switch

Este gerador CSS Flip Switch ajuda a criar toggle switches animados com CSS puro. Personalize track, thumb, rótulos, cores, bordas, transição e presets, visualize o estado on/off e copie o HTML e CSS gerados.

Personalização

Animation

ms

Track Configuration

px
px
px
px

Thumb Configuration

px
px
%
px

Labels

px
px

Visualizar

{{ isChecked ? labelActive : labelInactive }}