ZorNet.Ru — сайт для вебмастера » HTML и CSS » Красивые чекбоксы на CSS3 без JavaScript

Красивые чекбоксы на CSS3 без JavaScript

Красивые чекбоксы на CSS3 без JavaScript
Красивый и оригинальный по стилю Чекбокс (checkbox) что имитируется в реальном обзоре кнопки по функций, как на включение и отключить. Безусловно смотрится просто шикарно, так как все создано на стилях. Скачав архив, вы найдете файл демонстраций, что можете просмотреть работу.

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

Приступаем к установке:

Первым делом скачиваем и нужно залить стили.

Под них на сайте link располагаем:

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


Осталось поставить в место, где хотите наблюдать этот функционал.

HTML

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

Все очень просто по установке, чтоб кнопки появились на интернет площадке, но здесь же нужно их подключать, не для красоты же они созданы, что безусловно под разноплановые функций.
11 Ноября 2017 Загрузок: 1 Просмотров: 1545 Комментариев: (0)

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

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

Оставь свой отзыв

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