Générateur de curseur CSS personnalisé
Transformez un emoji ou une image en curseur de souris CSS, réglez son point d'ancrage (hotspot) et testez le rendu en direct avant de copier le code. Traitement 100% local dans votre navigateur — rien n'est envoyé à un serveur.
Comment ça marche
La propriété CSS cursor accepte une image (url(...)), un point d'ancrage optionnel en pixels, et un mot-clé de secours utilisé si l'image ne peut pas se charger. Cet outil encode votre emoji ou votre image en data URL directement dans le navigateur, puis compose la déclaration CSS complète prête à coller dans votre feuille de style.
À quoi sert le point d'ancrage (hotspot) ?
Le point d'ancrage définit quel pixel de l'image correspond exactement à la position du clic. Pour un curseur en forme de cible ou de flèche, il est courant de placer l'ancrage au centre ou à la pointe de l'image afin que le clic se produise au bon endroit visuel.
Pourquoi certains navigateurs ignorent-ils mon curseur personnalisé ?
La plupart des navigateurs limitent la taille des curseurs personnalisés à environ 128 pixels et retombent sur le curseur de secours si l'image est trop lourde ou dans un format non supporté ; privilégiez une image carrée légère (PNG ou SVG) et une taille raisonnable pour un rendu fiable sur tous les navigateurs.
Ni votre image ni votre emoji ne sont transmis nulle part : tout l'encodage se fait localement, dans la mémoire de votre navigateur.