Generador de cursor CSS personalizado
Transforma un emoji o una imagen en un cursor de ratón CSS, ajusta su punto de anclaje (hotspot) y prueba el resultado en directo antes de copiar el código. Procesamiento 100% local en tu navegador — nada se envía a un servidor.
Cómo funciona
La propiedad CSS cursor acepta una imagen (url(...)), un punto de anclaje opcional en píxeles, y una palabra clave de reserva usada si la imagen no puede cargarse. Esta herramienta codifica tu emoji o tu imagen como data URL directamente en el navegador, y compone la declaración CSS completa lista para pegar en tu hoja de estilos.
¿Para qué sirve el punto de anclaje (hotspot)?
El punto de anclaje define qué píxel de la imagen corresponde exactamente a la posición del clic. Para un cursor con forma de diana o de flecha, es habitual colocar el anclaje en el centro o en la punta de la imagen para que el clic ocurra en el lugar visual correcto.
¿Por qué algunos navegadores ignoran mi cursor personalizado?
La mayoría de los navegadores limitan el tamaño de los cursores personalizados a unos 128 píxeles y recurren al cursor de reserva si la imagen es demasiado pesada o tiene un formato no compatible; prioriza una imagen cuadrada ligera (PNG o SVG) y un tamaño razonable para un resultado fiable en todos los navegadores.
Ni tu imagen ni tu emoji se transmiten a ningún sitio: toda la codificación se hace localmente, en la memoria de tu navegador.