» »

Кнопки включения и выключения на CSS

Кнопки включения и выключения на CSS

Визуально эти кнопки реально смотрятся на функцию подключить или отключить, что идут в светлой гамме присутствует стилистики. Когда все активированное, но на знаках все в серой палитре, и если вы активизировали, то зеленная цветность. Все понятно для пользователя и гостей. Главное остается, это прикрутить к ним ту или иную информацию, что она по клику выдавала и автоматически закрывало. Можно лицезреть в кино сайтах такую или иную, только формы разнообразные.

Здесь все стильно выполнено и есть доступ самостоятельно самому редактировать, где подгоняем под свой формат на интернет ресурсе. Сама идея оригинальная увидев ее на площадке, но безусловно возможностей у нее более широкая изначально, что думаю порадует в использование. Нужно заметить, если у вас старый браузер по версии, то корректно вы водить не будет, это так на заметку.

HTML

Код
<div class="switch demo3">
  <input type="checkbox">
  <label><i class='icon-off'></i></label>
</div>
<div class="switch demo3">
  <input type="checkbox" checked>
  <label><i class='icon-off'></i></label>
</div>

CSS

Код
<link rel="stylesheet" href="css/style.css" type="text/css" />

Вся документация находиться в архиве, что скачиваем и файл на DEMO просмотр или ниже посмотреть.

Демонстрация

Источник: fot-tof.ru
17.10.2017 Загрузок: 3 Просмотров: 340 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar