Cursor

El cursor es lo que comúnmente conocemos como "la flechita del ratón".

Podemos tener cierto control sobre él y modificar su aspecto en determinadas ocasiones.

En esta tabla podemos ver diferentes diseños de cursor si pasamos el ratón por encima.

 

cursor:crosshair
cursor:default
cursor:help
cursor:move
cursor:pointer
cursor:progress
cursor:text
cursor:wait

Cuidado, el ratón no es un elemento al que aplicar la regla de cursor.

Ésta hay que modificarla o bien en un elemento o una regla propia donde queramos que el cursor cambie su diseño.

Nosotros vamos a aplicarla en un elemento <span> por ejemplo.

 

 

notepad


notepad

Para poder apreciar este ejemplo, no puedo poner una imagen, así que lo coloco aquí abajo:

 

Este texto transforma el cursor.

 

Eso es todo en cuanto a cursores.

Aunque no parezca muy útil, a priori, puede mejorar el diseño de nuestra página en algunos sitios donde queramos darle otro aspecto al cursor en un determinado momento.

 

Contenidos que te pueden interesar
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 400px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame