Vista previa de cursor
Prueba cursores CSS o una imagen propia, configura el punto activo y el cursor alternativo, y copia el CSS directamente en tu navegador.
Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
Cómo funciona
- Elige un cursor CSS o sube una imagen PNG, ICO o GIF.
- Para una imagen propia, configura las coordenadas del punto activo y el cursor alternativo.
- Pasa el cursor por la vista previa y copia la declaración CSS.
The cursor method
Incluye valores habituales como pointer, move, grab, crosshair, zoom-in y flechas de redimensionamiento.
Sí. Sube una imagen y pruébala directamente en la vista previa.
Preguntas frecuentes
¿Qué cursores CSS están disponibles?
Incluye valores habituales como pointer, move, grab, crosshair, zoom-in y flechas de redimensionamiento.
¿Puedo probar una imagen de cursor propia?
Sí. Sube una imagen y pruébala directamente en la vista previa.
¿Qué es el punto activo del cursor?
Es el punto de la imagen que se usa como posición del clic.
¿Cómo uso el CSS generado?
Copia la declaración en la regla CSS del elemento que quieras modificar.
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 | ✓ | — | — |
Copia la declaración en la regla CSS del elemento que quieras modificar.