Небольшой генератор CSS для стилизации input type checkbox. С помощью этого генератора вы сможете изменять свойства и визуально видеть изменения переключателя. После того, как вы все настроите, вы можете скопировать исходный код CSS и HTML, и использовать его в ваших проектах.
Предварительный просмотр
HTML код
<div class="switch">
<input type="checkbox" name="switch" class="switch-checkbox" id="demo-switch" checked="checked">
<label class="switch-label" for="demo-switch">
<div class="switch-inner"></div>
<div class="switch-click"></div>
</label>
</div>
CSS код