Курсор «Лапка»

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

Часто перед грамотным вебмастером встает вопрос как правильно сделать курсор на таких элементах. Пользователь выполняет с ними определенные манипуляции и верстка должна это отобразить.

Решить данный вопрос можно с помощью старого доброго Google. 3 строчки кода и все готово:

на элемент вешаем

    cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur), default;
    cursor: -moz-grab;
    cursor: -webkit-grab;

на класс, который отвечает за активное состояние элемента (захват)

    cursor:url(https://maps.gstatic.com/mapfiles/closedhand_8_8.cur), move;
    cursor:-moz-grabbing;
    cursor:-webkit-grabbing

наслаждаемся правильным курсором.

12 Февраля 2014
Последние новости
29 Сентября 2016
Создан интернет-магазин для компании «Надеко»
29 Июля 2016
Создан сайт для компании «ACS Termal»
Сделать заказ
Нужен интернет-магазин?