¿Qué son los cursores CSS?

Los cursores CSS son indicadores visuales que cambian la apariencia del puntero del ratón para comunicar qué acciones son posibles. Cuando pasas el cursor sobre diferentes elementos en una página web, el cursor cambia para proporcionar retroalimentación sobre la interactividad: una mano apuntando para enlaces, un haz de texto para contenido editable o flechas de redimensionamiento para elementos ajustables. Estas pistas visuales son esenciales para un diseño de interfaz de usuario intuitivo.

Descripción de la herramienta

Esta herramienta ofrece una vista previa interactiva de todos los valores estándar de cursores CSS. Selecciona cualquier tipo de cursor del menú desplegable, pasa el cursor sobre el área de vista previa para verlo en acción y obtén el fragmento de código CSS listo para usar.

Características

  • Vista previa en vivo del cursor: Pasa el cursor sobre el área de vista previa para ver cada cursor en acción
  • Navegación categorizada: Explora los cursores por categoría (General, Enlaces y Estado, Selección, Arrastrar y Soltar, Redimensionamiento y Desplazamiento, Zoom)
  • Código CSS instantáneo: Obtén el código de la propiedad cursor listo para copiar y usar
  • Descripciones detalladas: Aprende qué indica cada cursor a los usuarios

Casos de uso

  • Elegir el cursor adecuado para elementos interactivos de la UI
  • Aprender todas las opciones de cursores CSS disponibles
  • Referencia rápida durante el desarrollo web
  • Probar la apariencia del cursor en diferentes navegadores