Як змінити курсор в css

Ви, напевно, бачили безліч різноманітних курсорів на різних сайтах. Та що вже тут говорити, найперший приклад, який є одним з популярних і приходить в голову, це зміна курсору при наведенні його на посилання. Тоді курсор набирає вигляду руки з вказівним пальцем. Ось сьогодні я і розповім Вам про CSS властивості, за допомогою якого можна видозмінювати курсор, при наведенні їм на певний елемент. Для того щоб змінити вид курсора, існує CSS властивість cursor. Як бачите, все логічно зрозуміло, залишилося лише розібрати значення, які може приймати ця властивість.

Значення властивості cursor

Залишилося лише розібрати невеликий приклад, щоб остаточно засвоїти дане властивість. Для цього ми напишемо такий код:

наведіть курсор

Застосовуємо CSS стилі до нашого абзацу:

Можете перевірити, що у Вас вийде, якщо навести курсор на абзац тексту. А на цьому все, тепер Ви можете використовувати вивчене властивість на практиці.

5 останніх свіжих статей:

Здрастуйте дорогі друзі, сьогодні ми з Вами вивчимо ще одну тему присвячену мови CSS. І навчимося реалізовувати підказки на CSS.

Сьогодні ми розглянемо ще одну можливість, яку надає нам CSS3, а саме поговоримо про псевдоклас target. для чого він нам може бути потрібен, і розглянемо один з найпопулярніших способів його застосування.