Види курсорів в css

Відео: Стилізований курсор на сайті за допомогою CSS

Відео: Псевдокласи для оформлення HTML гіперпосилань: селектори: hover,: link,: visited,: active

Існує безліч найрізноманітніших видів курсорів. Наприклад, звичайна стрілка, знак питання, стрілка у вигляді покажчика і так далі. У цій статті я розповім, як налаштувати через CSS вид курсора, а також покажу, які види курсорів взагалі можуть бути.

Для початку давайте розберемо, як ставити вид курсора. Для цього в CSS існує властивість cursor, значення якого і визначає вид курсора. Наприклад, давайте задамо для якогось абзацу курсор у вигляді перехрестя:

Відео: ЩО ТАКЕ HOVER? ВИДИ CURSOR? УРОКИ HTML і CSS. УРОК 13

p { 
 cursor: pointer- 
}

Тепер, коли ми розібралися, як ставити вид курсора в CSS, настав час продемонструвати таблицю можливих курсорів і відповідних їм значень властивості cursor.

Відео: Зміна виду курсора, CursorFX

вид курсору	Значення властивості cursor
	default
	help
	move
	pointer
	text
	crosshair
	wait
	progress
	n-resize
	e-resize
	w-resize
	s-resize
	ne-resize
	se-resize
	sw-resize
	nw-resize

Сподіваюся, дана стаття була корисна для Вас.

Поділися в соціальних мережах:

Схожі