Drehen/animieren Cursor -45 Grad bei Klick?

Question

Ich habe einen benutzerdefinierten Cursor ie: cursor: url(images/cursor.png) 15 15, auto;

Und ich möchte den Cursor drehen-45 Grad animieren und beim Klicken gestoppt werden. Und dann zurückdrehen, wenn nicht geklickt wird.

Gibt es eine Möglichkeit, das in jquery/javascript zu tun? oder sogar css, aber zweifle an dieser Möglichkeit.

Danke!

Answer 1

1) Sie cannot use gif for url aber Sie can try animated SVG nach Docs. Nicht sicher, ob es aber funktioniert.

2) Eine andere Möglichkeit ist es, den Cursor zu verstecken, Ihr eigenes DOM-Element verwenden, anstatt und animieren es, wie Sie wollen: Sie das Beispiel finden on css-tricks