Генератор пользовательского CSS-курсора
Превратите эмодзи или изображение в CSS-курсор мыши, настройте его точку привязки (hotspot) и проверьте результат вживую перед копированием кода. Обработка полностью локальна в вашем браузере — ничего не отправляется на сервер.
Как это работает
CSS-свойство cursor принимает изображение (url(...)), необязательную точку привязки в пикселях и запасное ключевое слово, используемое, если изображение не загрузится. Этот инструмент кодирует ваш эмодзи или изображение в data URL прямо в браузере, а затем составляет готовое CSS-объявление для вставки в вашу таблицу стилей.
Зачем нужна точка привязки (hotspot)?
Точка привязки определяет, какой пиксель изображения соответствует точной позиции клика. Для курсора в виде мишени или стрелки обычно размещают привязку в центре или на острие изображения, чтобы клик попадал в нужное визуальное место.
Почему некоторые браузеры игнорируют мой пользовательский курсор?
Большинство браузеров ограничивают размер пользовательских курсоров примерно 128 пикселями и переключаются на запасной курсор, если изображение слишком тяжёлое или в неподдерживаемом формате; выбирайте лёгкое квадратное изображение (PNG или SVG) и разумный размер для надежной работы во всех браузерах.
Ваше изображение и эмодзи никуда не передаются: всё кодирование происходит локально, в памяти вашего браузера.