Вниз, вверх, прямо и по диагонали.
Нет, речь не идет о физкультуре. Речь пойдет про иконки при наведении на элемент. Они отнюдь не банальны!
Вспоминаем: как мы понимаем, что перед нами ссылка? Как правило, элемент на странице как-то меняется при наведении на него. Например, окрашивается в другой цвет или под ним появляется подчеркивание. Однако, не только. Обратите внимание: помимо вышеперечисленного наш курсор в момент наведения превращается из стрелки в ручку. Так вот, за его превращение отвечает CSS-свойство cursor.
Конечно же, его значение бывает не только двух форматов: стрелка ил ручка. Курсор может выглядеть как иконка перемещения, ожидания, копирования, вопроса, а также отсутствовать вовсе. Больше вариаций на тему смотрите здесь.
А также мы можем заменить стандартную картинку и подложить собственную. Будет выглядеть как тут. Забавно, правда?
Так что, даже такое простое свойство как cursor может оказаться небанальным и разнообразить нашу жизнь. Всегда, когда создаете элементы, предполагающие действия пользователя, в момент написания CSS думайте о том, как он будет с ними работать. И помогайте пользователю, указывая соответсвующий курсор.
Post #267
1.17K