Пользовательский CSS-курсор пикселирован

Question

Я играю с пользовательскими курсорами, но каждый раз, когда я его пробовал, он получается неровным, я сделал кольцо, чтобы показать, насколько он плох.

Here is the cursor image file.

cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/272259/circle.png), auto; 

Это 22px 22px х, о размере курсора по умолчанию, но это делает очень неровными.

Для иллюстрации ошибки приведена codepen demo.

Любые идеи?

Спасибо,

:)

Answer 1

В обоих IE и Краю только .cur поддерживаются файлы, см https://msdn.microsoft.com/en-us/library/aa358795(v=vs.85).aspx. (Edge поддерживает другие форматы, но не определение точки взаимодействия). Файл .cur позволяет определить точку взаимодействия. Просто google для «.cur editor» и выберите редактор, который подходит вам для создания файла .cur.