Во время верстки я часто использую разные курсоры, но не все из них являются кроссбраузерными. В этой статье я поделить с вами сайтом, который поможет вам решить эту проблему.Есть небольшой сайт (вот ссылка на него), который просто описывает разные значения (например: pointer
, progress
и тд) cursor
в CSS.
Если вы не совсем понимаете о чем я, то я приведу небольшой пример. При наведении на ссылка на любом сайте, по стандарту стоит cursor: pointer
, поэтому если вы с обычного контента наведете на ссылку, то увидите что иконка указателя смениться.
С помощью cursor
свойства можно установить разные события. Например, вы можете сделать, чтобы при наведении на элемент, показывалась иконка загрузки чего-то (cursor: progress
), а так же многое другое.
Больше разных свойств вы сможете найти на сайте, ссылку на который я уже указал выше.
Данный сайт очень полезен тем, что на нем указываются все возможные варианты значений для cursor
. Так же показывается в каких браузерах нужное вам свойство поддерживается и не поддерживается.