Як задати своє курсор на сайті через css

Відео: ЯК ТРИМАТИ мишкою • Як налаштувати сенс • Гайд від 400kg

Час від часу мені задають питання: "Як задати своє курсор на сайті?". Зрозуміло, робиться це через CSS, і в цій статті я покажу, як це зробити, а також розповім про вимоги до зображення курсора, плюс розберемо деякі особливості різних браузерів.

Зображення курсора можна робити в багатьох форматах, наприклад, в png або jpg. Але робити це буде не скрізь. Зокрема, Internet Explorer не підтримує курсори в таких форматах, йому потрібен спеціальний формат - cur. На щастя, всі інші браузери також підтримують cur.

Відео: Як створити свій курсор мишки

З форматом визначилися. Тепер потрібно зрозуміти, як зробити зображення в такому форматі. Є багато різних програм, можна скористатися, наприклад, IcoFX. Хто не хоче створювати сам, може знайти їх в Інтернеті. Різних курсорів величезна кількість і, напевно, знайдеться який-небудь підходящий.

Коли у Вас є курсор, все, що Вам залишилося зробити, щоб задати його на сайті, це завантажити його на сайт і додати в CSS такий код:

body { 
 cursor: url("Cursor.cur"),auto- 
}

Безумовно, замість body може бути будь-який інший селектор.

Відео: Як змінити курсор в Доту 2 (How to change the cursor in Dotа 2)

резюме:

Створити курсор в форматі cur через IcoFX, або знайти в Інтернеті.
Помістити його куди-небудь на сайт (наприклад, в папку з зображеннями).
прописати код по установці курсора в CSS.

Відео: Як змінити курсор

Ось таким нехитрим чином задається свій курсор на сайті через CSS.

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

Схожі