Benutzerdefinierte CSS-Cursor ist pixelig

Question

Ich bin mit benutzerdefinierten Cursors herumspielen, aber jedes Mal, wenn ich es versuche, kommt es pixelig, machte ich einen Ring Asset um zu zeigen, wie schlimm es ist.

Here is the cursor image file.

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

Es ist 22px x 22px, über die Größe der Standard-Cursor, aber es macht wirklich zackig.

Hier ist ein codepen demo, um den Fehler zu veranschaulichen.

Irgendwelche Ideen?

Danke,

:)

Answer 1

In IE und Edge-nur .cur Dateien unterstützt werden, https://msdn.microsoft.com/en-us/library/aa358795(v=vs.85).aspx sehen. (Edge unterstützt andere Formate, aber nicht die Interaktionspunktdefinition.) Die .cur-Datei ermöglicht die Definition des Interaktionspunkts. Googeln Sie einfach nach ".cur editor" und wählen Sie den Editor aus, der zu Ihnen passt, um eine .cur-Datei zu erstellen.