Informacje o nowych artykułach oraz akcjach edukacyjnych prosto na Twojej skrzynce e-mail!

Zmiana wyglądu kursora

Istnieje kilka stylów kursora, które ustawiamy w CSS właściwością cursor. W poniższej tabeli zostały one zaprezentowane.

Styl CSSPrzykład
selektor { cursor: crosshair }crosshair
selektor { cursor: pointer }hand
selektor { cursor: move }move
selektor { cursor: e-resize }e-resize
selektor { cursor: n-resize }n-resize
selektor { cursor: ne-resize }ne-resize
selektor { cursor: nw-resize }nw-resize
selektor { cursor: text }text
selektor { cursor: wait }wait
selektor { cursor: default }defalut
selektor { cursor: help }help

Warto wiedzieć: właściwość cursor przyjmuje też własną grafikę: cursor: url("kursor.png") 4 5, auto;. Po adresie obrazka można podać współrzędne aktywnego punktu kursora, a listę musi zamykać słowo kluczowe jako wariant zapasowy. Zalecany rozmiar grafiki to około 32×32 px.

Spodobało się?

Jeśli tak, to zarejestruj się do newslettera aby otrzymywać informacje nowych artykułach oraz akcjach edukacyjnych. Gwarantuję 100% satysfakcji i żadnego spamowania!

, ,

Dodaj komentarz

Odpowiedz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Pin It on Pinterest