Herramientas de diseño

Probador de cursores CSS — Vista previa de palabras clave cursor

Explora palabras clave comunes de cursor CSS, pasa el ratón por encima para previsualizar, filtra por búsqueda o categoría y copia declaraciones cursor. Útil al elegir cursores de redimensionamiento, arrastre o estado deshabilitado.

Cambio rápido→CSS a Tailwind

CSScursorPuntero

Cambio rápido:CSS a Tailwind Generador de box-shadow CSS

Añadir esta herramienta a favoritos

No se ha seleccionado un modo de almacenamiento de favoritos.

Acciones rápidas

Volver a Herramientas de diseño Explorar todas las herramientas

Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.

Casos de uso

Elige un cursor de redimensionamiento para tiradores de arrastre
Compara not-allowed frente a no-drop para estados deshabilitados
Copia declaraciones de cursor filtradas en lote

Cómo usar

Pasa el ratón por encima de las casillas para previsualizar cada cursor
Filtra por palabra clave o categoría
Copia un cursor, la selección o la lista visible

Entrada y salida de ejemplo

Acción

Filtrar resize y hacer clic en nwse-resize

Salida

cursor: nwse-resize;

FAQ

¿Se incluyen cursores de imagen personalizados?

Esta lista cubre solo las palabras clave integradas. Las imágenes de cursor personalizadas con url(...) no están incluidas.

¿Los cursores se ven idénticos en todos los sistemas operativos?

Las palabras clave son estándar, pero el gráfico depende del sistema operativo y del navegador. Lo que veas localmente es lo que vale.

Herramientas

Herramientas relacionadas

Continúa con otra herramienta traducida para una tarea cercana.

CSS a Tailwind

CSS a Tailwind — Mapeador de declaraciones

Disponible

Pega declaraciones CSS y mápealas a clases utilitarias de Tailwind cuando sea posible. Las reglas comunes de maquetación, espaciado y color se convierten en clases estándar; los valores sin coincidencia recurren a la sintaxis de valor arbitrario.

CSS Tailwind Convertir

Abrir herramienta

Generador de box-shadow CSS

Generador de box-shadow CSS — Controles visuales

Disponible

Ajusta visualmente el desplazamiento, el desenfoque, la propagación, el color, la opacidad y el inset. Previsualiza en vivo y genera el CSS de box-shadow para tarjetas, botones y superposiciones.

CSS Sombra box-shadow

Abrir herramienta