Online Tool Store
Aperçu de curseur
Testez un curseur CSS ou une image personnelle, définissez le point actif et le repli, puis copiez le CSS dans votre navigateur.
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés sur un serveur.
Fonctionnement
- Choisissez un curseur CSS ou importez une image PNG, ICO ou GIF.
- Pour une image personnelle, définissez les coordonnées du point actif et le curseur de repli.
- Survolez l’aperçu puis copiez la déclaration CSS.
The cursor method
Les valeurs courantes comme pointer, move, grab, crosshair, zoom-in et les flèches de redimensionnement sont incluses.
Oui. Importez une image et testez-la dans l’aperçu.
Questions fréquentes
Quels curseurs CSS sont disponibles ?
Les valeurs courantes comme pointer, move, grab, crosshair, zoom-in et les flèches de redimensionnement sont incluses.
Puis-je tester une image de curseur personnelle ?
Oui. Importez une image et testez-la dans l’aperçu.
Qu’est-ce que le point actif ?
C’est le point de l’image utilisé comme position du clic.
Comment utiliser le CSS généré ?
Copiez la déclaration dans la règle CSS de l’élément voulu.
Comparison
| Feature | Online Tool Store | split-video.com | VideoKit |
|---|---|---|---|
| Live preview, all cursors at once | ✓ | — | — |
| Custom image cursor preview | ✓ | ✓ | — |
| No code editing required | ✓ | — | ✓ |
| Custom hotspot and fallback controls | ✓ | — | — |
Copiez la déclaration dans la règle CSS de l’élément voulu.