Online Tool Store Online Tool Store

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.

Pasa el cursor aquí para verlo

Cómo funciona

  1. Elige un cursor CSS o sube una imagen PNG, ICO o GIF.
  2. Para una imagen propia, configura las coordenadas del punto activo y el cursor alternativo.
  3. 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

FeatureOnline Tool Storesplit-video.comVideoKit
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.

Explora herramientas relacionadas

Inserta esta herramienta

Pega esto en tu propio sitio: sigue siendo gratis y todos los archivos permanecen en el navegador de tu visitante, no en el tuyo ni en el nuestro.