CSS Tool

Генератор CSS-курсоров

Предпросмотр всех типов CSS-курсоров, загрузка пользовательских изображений курсоров и генерация готового CSS-кода. Более 30 встроенных значений курсоров с живым превью — бесплатный онлайн-инструмент от VUREX.

Превью курсора

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

Сгенерированный CSS

cursor: default;

Пользовательский курсор

Выберите тип курсора

Часто задаваемые вопросы

Свойство CSS cursor определяет тип курсора, отображаемого при наведении указателя мыши на элемент. Его можно установить на встроенные значения, такие как pointer, crosshair или grab, или использовать пользовательское изображение через url().

Используйте синтаксис cursor: url('ваше-изображение.png'), auto; — изображение должно быть 32x32 пикселей или меньше. Запасное значение (auto) обязательно на случай, если изображение не загрузится. Поддерживаемые форматы: PNG, GIF, SVG и ICO.

CSS определяет более 30 встроенных значений курсоров, включая default, pointer, text, move, crosshair, wait, progress, not-allowed, help, grab, grabbing, zoom-in, zoom-out, различные курсоры изменения размера и другие.

Да, генератор CSS-курсоров VUREX полностью бесплатный без регистрации. Просматривайте все типы курсоров и генерируйте CSS-код сколько угодно раз без ограничений.