Help to understand the problem.
I place my cursor on the site through the CSS cursor property. But there is a problem. If the scaling in the system (Windows 7-10) is set to more than 100%, for example, 150%, then in Chrome cursor becomes pixel (uneven). This is manifested only in Chrome and similar browsers. Everything is fine in Firefox .
This is most noticeable on round cursors, such as the magnifying glass cursor. Cursor in svg format, but also tried png and cur . No difference. The situation is slightly improved by the prescription in svg of the properties shape-rendering="crispEdges" but not significant. The picture itself is displayed as needed if it is not set as a cursor. SVG cursor reference

Google chrome

  • And the option with standard cursor: zoom-in and cursor: zoom-out does not suit? Cross - browser compatibility - CbIPoK2513
  • @ CbIPoK2513 Sorry, no. But, apparently, it is necessary to use standard cursors. - Deadstories

1 answer 1

As it turned out this is a known bug and there are no adequate solutions for today. And this phenomenon is called "visible aliasing".