Generador de cursor personalizado (CSS)
Elige una imagen (PNG o SVG) o arma un cursor de círculo. Pasa el mouse por el área de prueba para probarlo antes de copiar.
Cómo usarCursor del mouse con la personalidad de tu sitio
PNG o SVG, de preferencia 32 × 32 px
y aquí en un enlace
Disponible en: 
Generador de cursor personalizado (CSS): para qué sirve
Un cursor personalizado refuerza la identidad de portafolios, sitios de marca y juegos. Elige un círculo (anillo, relleno o anillo con punto) del color y tamaño que quieras, o sube una imagen PNG o SVG, define el punto de clic y pruébalo en el área de prueba.
El CSS sale con la imagen en data URI, el hotspot, un cursor de respaldo y la opción de mantener la manito en enlaces y botones. La herramienta avisa cuando la imagen pasa de 128 px, el límite por encima del cual los navegadores ignoran el cursor.
Cómo usar
- Elige círculo o imagen.
- Ajusta el color, el tamaño o el punto de clic.
- Prueba y copia el CSS.
Cuándo usar
- Portafolio de diseñador.
- Sitio de marca o campaña.
- Páginas de juegos.
Preguntas frecuentes
¿Cuál es el tamaño máximo del cursor?
Los navegadores aceptan imágenes de cursor de hasta 128 por 128 px; por encima de eso ignoran la imagen y usan el cursor de respaldo. El tamaño más seguro y cómodo es 32 px.
¿Qué es el punto de clic (hotspot)?
Es el píxel de la imagen que cuenta como la punta del cursor. En una flecha, está en la punta; en un círculo, en el centro. Los dos números después de la dirección de la imagen en el CSS son la posición de ese punto.
¿Un cursor personalizado molesta?
Puede molestar si es pequeño, sin contraste o con el punto de clic en el lugar equivocado. Úsalo en sitios con identidad fuerte (portafolio, juego, marca) y mantén siempre el cursor de manito o equivalente en los enlaces para mostrar que se puede hacer clic.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.