CSS Flip Switch Generator

Mit diesem CSS Flip Switch Generator erstellen Sie animierte toggle switches mit reinem CSS. Passen Sie track, thumb, Textlabels, Farben, Rahmen, Übergänge und presets an, sehen Sie den on/off-Zustand sofort in der Vorschau und kopieren Sie anschließend HTML und CSS.

Anpassung

Animation

ms

Track Configuration

px
px
px
px

Thumb Configuration

px
px
%
px

Labels

px
px

Vorschau

{{ isChecked ? labelActive : labelInactive }}