Неправильно отображается свой курсор в Google Chrome

152
11 ноября 2018, 18:50

Помогите разобраться в проблеме.
Устанавливаю свой курсор на сайт через CSS свойство cursor. Но возникает проблема. Если масштабирование в системе (Windows 7-10) установлено больше 100%, например, 150%, то в Chrome курсор становится пиксельным (неровным). Проявляется это только в Chrome и ему подобных браузерах. В Firefox все хорошо.
Больше всего это заметно на круглых курсорах, например, курсор лупы. Курсор в формате svg, но так же пробовал png и cur. Разницы нет. Ситуацию немного улучшает прописывание в svg свойства shape-rendering="crispEdges" но несущественно. Сама картинка отображается как нужно, если она не установлена как курсор. Ссылка на курсор SVG

Answer 1

Как оказалось это известный баг и адекватных решений на сегодня нет. А явление это называется "видимый aliasing".

READ ALSO
Конфликт стилей в style.css

Конфликт стилей в style.css

ИтакЕсть 2 выпадающих меню

216
Установить / сменить второй фон (background-image) на CSS

Установить / сменить второй фон (background-image) на CSS

Есть несколько блоков с разными фонамиВозможно ли добавлять им второй фон на CSS, например, по наведению?

209
как сформировать URL запрос с json обьекта в URLSearchParams?

как сформировать URL запрос с json обьекта в URLSearchParams?

Angular 6 - Есть форма с данными запроса:

211