Je vous livre aujourd’hui une règle css qui permet de changer le curseur de la souris avec n’importe quelle image.

Vous pouvez donc tout de suite regarder le résultat en démo :

Démo

La mise en place est très simple. Il vous suffit de prendre une image en .png de préférence. Je me sers de celle-ci dans l’exemple précédent :

cursor

Et pour changer de curseur, il suffit d’appliquer ce code css sur la div sur laquelle on veut modifier ce dernier :

cursor: url("images/cursor.png"), pointer;

Pour mieux comprendre le fonctionnement je vais vous donner un autre exemple. Dans le premier exemple, je plaçais le code css sur les vignettes et sur la grande div du bas.
Imaginons que nous voulions changer le curseur sur l’ensemble de la page il suffirait de placer le code css sur le body.

Exemple

N’hésitez pas à partager ce tuto!!