Переключатель чекбокс Switch Toggle

Переключатель чекбокс switch toggle

Примеры красивого оформления переключателей Checkbox при создании адаптивной верстки сайта используя CSS.

Checkbox Hack стилизация чекбоксов на CSS стилях с эфектами переключения. JS код используется для хранения функции фокуса у элемента при нажатии на переключатель.

CSS код

HTML код

Инициализация JQuery:

Результат:

Checkbox #1

Checkbox #2

Checkbox #3

Checkbox #4

CheckBox в виде оформления IOS

Пример оформления переключателей Checkbox как на экране темы iPhone (iOS)

CSS код

HTML код

Инициализация:

Результат:

Checkbox #1

Checkbox #2

Checkbox #3

Checkbox #4