Listado de cursores CSS
Confirma los 36 tipos de cursor que se pueden especificar con cursor de CSS pasando el ratón y copia el código
Características
Mostrar listado de los 36 tipos de cursor
Palabras clave estándar de CSS compiladas en una página
Confirma la forma real con hover
El cursor cambia de forma cuando pasas el ratón sobre él
Organizado en 6 grupos por uso
Fácil de encontrar el cursor deseado con descripciones breves
Copia CSS con un clic
Se copia en forma "cursor: pointer;" listo para pegar
Cómo usar
Busca por grupo
Busca candidatos desde encabezados por uso como "General" y "Arrastrar y soltar"
Pasa el ratón para confirmar
Coloca el cursor en el marco "Pasa el ratón aquí" para confirmar la forma
Copia y pega
Obtén CSS con el botón "Copiar" y pégalo en tu hoja de estilos
Casos de uso
Confirmación del cursor de botones y enlaces
Confirma la apariencia de pointer que se asigna a elementos en los que se puede hacer clic
Selección de cursor para UI de arrastrar
Compara grab, move y copy para elegir la forma que coincida con la operación de reordenación o movimiento
Diferenciación de expresiones deshabilitadas y en proceso
Confirma la diferencia entre not-allowed, wait y progress para usarlos correctamente
Memorización de valores en el aprendizaje de CSS
Ve todos los valores que se pueden escribir en cursor y su significado de una vez
Conocimientos básicos
Diferencia entre pointer y default
pointer es un cursor en forma de dedo que se usa para mostrar que es un elemento en el que se puede hacer clic, como un enlace o botón. default es el cursor de flecha estándar del entorno, que se usa principalmente sobre caracteres o fondos donde hacer clic no hace nada.
Comportamiento del valor inicial auto de cursor
El valor inicial de la propiedad cursor es auto, donde el navegador selecciona automáticamente la forma del cursor según la ubicación, como text sobre caracteres y default en otros lugares.
Causa de que cursor no cambie aunque se especifique
Cuando el cursor no cambia de forma aunque especifiques cursor, generalmente es porque otro elemento está superpuesto o la especificación se sobrescribe con otra regla.
- Elemento superpuesto：Cuando un elemento transparente o pseudoelemento se superpone, la forma del cursor sigue la especificación cursor del elemento más arriba.
- Sobrescritura por especificidad：Cuando múltiples reglas se aplican al mismo elemento, la especificación cursor de la regla con mayor especificidad (fortaleza del selector) tiene prioridad.
- Diferencias según SO y navegador：El diseño del cursor es proporcionado por el SO o navegador, por lo que el mismo valor tiene formas diferentes en Windows y macOS.
Seguridad y privacidad
Procesamiento en el navegador
Los datos introducidos se procesan únicamente dentro de su navegador y no se envían al exterior.
Procesamiento solo en el navegador
Visualización del cursor y copia del código se procesa completamente en su navegador y los datos de entrada no se envían a ningún servidor.
Comunicación cifrada con HTTPS
La carga de la página también se cifra con TLS y terceros no pueden leer su contenido.
Sin envío a terceros
Los datos de entrada no se envían a servicios externos como redes publicitarias o rastreadores.
Sin guardado automático de resultados
Código copiado y sugerencias de entrada no se almacenan en el servidor.
Sigue RAKKOTOOLS en Google Search
¡189 herramientas prácticas serán más fáciles de encontrar desde Google Search y búsqueda con IA!
- Se encuentra en búsqueda
- También visible en búsqueda con IA
- Descubre nuevas herramientas
Novedades
- update #318
Agregar lista de cursores CSS, verificar todos los tipos de cursor al pasar el mouse y copiar