Online Tool Store Online Tool Store

�xопеѬедн�й пеѬегляд кђѬсоѬа

�xеѬев�Ѭяй�е CSS-кђѬсоѬи або власне зобѬаження, задавай�е �о�!кђ й запасний кђѬсоѬ, а по��м коп��}й�е CSS ђ бѬађзеѬ�. @0FNT 2 1@0C75@V 157 7020=B065.

Цей інструмент працює повністю у вашому браузері. Ваші файли ніколи не завантажуються на сервер.

Наведіть сюди, щоб побачити курсор

Як це працює

  1. Виберіть CSS-курсор або завантажте зображення PNG, ICO чи GIF.
  2. Для власного зображення задайте координати точки та запасний курсор.
  3. Наведіть вказівник на попередній перегляд і скопіюйте CSS-декларацію.

The cursor method

Доступні pointer, move, grab, crosshair, zoom-in і стрілки зміни розміру.

Так. Завантажте зображення та перевірте його в попередньому перегляді.

Поширені запитання

Які CSS-курсори доступні?

Доступні pointer, move, grab, crosshair, zoom-in і стрілки зміни розміру.

Чи можна перевірити власне зображення?

Так. Завантажте зображення та перевірте його в попередньому перегляді.

Що таке точка курсора?

Це координата зображення, яка використовується як точка кліку.

Як використати створений CSS?

Скопіюйте декларацію в CSS-правило потрібного елемента.

Comparison

FeatureOnline Tool Storesplit-video.comVideoKit
Live preview, all cursors at once ✓——
Custom image cursor preview ✓✓—
No code editing required ✓—✓
Custom hotspot and fallback controls ✓——

Скопіюйте декларацію в CSS-правило потрібного елемента.

Схожі інструменти

Вбудувати цей інструмент

Вставте це на свій сайт — він залишиться безкоштовним, і кожен файл усе одно залишається в браузері відвідувача, а не у вас чи в нас.