Online Tool Store Online Tool Store

�xѬедпѬосмо�Ѭ кђѬсоѬа

�xѬовеѬяй�е CSS-кђѬсоѬ�9 или сво� изобѬажение, задавай�е �о�!кђ и запасной кђѬсоѬ, а за�ем копиѬђй�е CSS пѬямо в бѬађзеѬе. 01>B05B 2 1@0C75@5 157 703@C.

Этот инструмент работает полностью в вашем браузере. Ваши файлы никогда не загружаются на сервер.

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

Как это работает

  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-правило нужного элемента.

Похожие инструменты

Встроить этот инструмент

Вставьте это на свой сайт — он останется бесплатным, и файлы по-прежнему остаются в браузере посетителя, а не у вас или у нас.