Перемикач чекбокс 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