Zmieniamy domyślny kursor za pomocą CSS

Krzysiek Furtak CSS/SCSS 1 Comment

Na pewno większość z Was o tym słyszała, ale dla przypomnienia zmienimy dziś domyślny kursor myszy. Kursor możemy zmienić na dowolną grafikę przez nas wybraną. Służy do tego jedynie jedna linia kodu styli CSS.

[css]

cursor: url(‚http://kkblog-old.dev/upload/cursor-cut.png’), default;

[/css]

See the Pen Qwajpj by Krzysztof Furtak (@KrzysiekF) on CodePen.0

Cecha cursor przyjmuje w naszym przypadku dwie wartości. O ile pierwsza url mówi nam sama za siebie, że przyjmuje adres grafiki, na którą ma być wymieniony kursor, o tyle druga już nie jest taka oczywista. Wartość default to nasze zabezpieczenie, które w razie braku dostępu do żądanej grafiki, wyświetli domyślny kursor.