Html5. CSS3. Полный перечень доступных курсоров.


CSS3, как я недавно узнал, существенно уразнообразил список доступных курсоров, что не может не радовать. В этой статье приведу полный список доступных для использования курсоров.

Итак, наводите мышкой на абзацы ниже и смотрите результат:
Старые стили с CSS2:

cursor: auto

cursor: inherit

cursor: crosshair

cursor: default

cursor: help

cursor: move

cursor: pointer

cursor: progress

cursor: text

cursor: wait

cursor: e-resize

cursor: ne-resize

cursor: nw-resize

cursor: n-resize

cursor: se-resize

cursor: sw-resize

cursor: s-resize

cursor: w-resize

Старые стили с CSS3:

cursor: none (не работает в IE, Safari, Opera)

cursor: context-menu (не работает в Firefox, Chrome)

cursor: cell (не работает в Safari)

cursor: vertical-text

cursor: alias (не работает в Safari)

cursor: copy (не работает в Safari)

cursor: no-drop

cursor: not-allowed

cursor: ew-resize

cursor: ns-resize

cursor: nesw-resize

cursor: nwse-resize

cursor: col-resize

cursor: row-resize

cursor: all-scroll

О том, как можно добавить свой, кастомный курсор, можно почитать здесь.

, ,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *