Главная » Файлы » Прочие скрипты » 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 Материал взят ОТСЮДА | |
Просмотров: 482 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |