Главная » Файлы » Прочие скрипты » CSS

Стильные чекбоксы на css3 для вашего сайта
24.06.14, 16:24:56

Скачать файл




Данный css приём позволит придать чекбоксам стильный современный вид

Для начала посмотрите ДЕМО

Установка:

В css в самый низ вставляйте:
Код
input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
label {
  cursor: pointer;
}
label:after {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('/images/checkbox-2.png');
  position: relative;
  top: 3px;
  margin-left: 15px;
}

input[type=checkbox]:checked + label:after {
background-position: 0 -17px;
}
label:hover:after {
background-position: 0 -34px;
}
input[type=checkbox]:checked + label:hover:after {
background-position: 0 -51px;
}

Картинку из прикреплённого архива залейте в папку images

Материал взят ОТСЮДА
Категория: CSS | Добавил: Apocalypse | Теги: чекбоксы, на, Вашего, CSS3, Стильные, сайта, для
Просмотров: 435 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: