Задать вопрос
BanterFace
@BanterFace
jack of all trades, master of none

Установка кастомного курсора через css ломает картинку, как исправить?

2160х1440, 216dpi, хром.
При установке через css кастомного курсора
cursor: url(link), default;
Картинка, которая служит его источником (png), искажается\сжимается\пикселизируется, в общем, теряет в качестве.
Оригинал:
ink.png
Как выглядит курсор:
HMbZ9oR.jpg
Как выглядит уменьшенная картинка (мой идеал):
q0cHWLW.jpg

Вопросы:
    1. Что же с этим делать, если действовать средствами CSS? Возможно, я как-то не так устанавливаю курсор? Пример.
    2. Возможно ли как-то пофиксить средствами js и есть ли готовый код для этого. Например, скрыть текущий курсор и вставить на страницу div с картинкой, который будет нормально отображаться.
  • Вопрос задан
  • 108 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
aloky
@aloky
js
svg иконки используйте.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы