Wie kann ich meine Maus wie ein Zeigersymbol aussehen lassen?

Question

Ich mache einen Weltraum-Shooter, in dem Sie durch die Galaxie fliegen und auf feindliche Schiffe schießen müssen. Ich habe dies mit HTMl, CSS und JS gemacht.

Jetzt möchte ich meinen Cursor wie dieses Zeigerkreuz aussehen: https://cdn4.iconfinder.com/data/icons/miscellaneous-icons-3/200/pointer_cross_aim-512.png.

Hat jemand eine Ahnung wie ich das mit HTML, CSS und JS machen kann? Ich habe mich schon umgesehen, konnte aber nicht finden, wonach ich suchte, aber auf dieser Seite wurde ich aus irgendeinem Grund auf Kalender verwiesen.

Vielen Dank im Voraus schon.

Answer 1

Wie so:

.custom { 
    cursor: url(images/my-cursor.png), auto; 
} 

Die URL ofcourse den Pfad zum Bild passen sollte.

Quelle: https://css-tricks.com/almanac/properties/c/cursor/