Logotipo de Xitrus.
sígueme en facebook

Sígueme

R L E F G I

Buscar

Cargando

Lo último del blog

Hosting

Xitrus está alojado en:

Xitrus está alojado en Cyberneticos.
24
9

Cambiar el cursor con CSS

Los cursores son las distintas formas que puede tener el ratón en pantalla (por defecto es una flecha, pero puede ser un selector de texto o una mano que pulsa algo).
Es algo básico de CSS y existe desde hace mucho, pero debemos de usarlos cuando es necesario ya que es un detalle que aporta mejor usabilidad a tu página ya que estamos acostumbrados a que cuando pasamos por un link, un botón o un elemento pulsable salga la mano que pulsa algo (llamada pointer).
En el siguiente ejemplo muestro los básicos y cada nombre es el usado para establecer con CSS el cursor:

Personaliza el cursor para mejorar la usabilidad de tu web.
Default
Pointer
Text
Wait
Crosshair
Help

Personalizar el cursor

Para personalizar el cursor debemos de usar el atributo cursor de CSS y establecerlo con el nombre del tipo de cursor (por ejemplo los de arriba).

  1. cursor: [default|pointer|text|...];

Cursores de desplazamiento

Además de los cursores básicos (que su función es bastante fácil de saber) también existen los de desplazamiento, es decir, las flechitas de expandir y de mover (existen en varias configuraciones según la dirección de las flechas con los puntos cardinales).

nw-resize
n-resize
ne-resize
w-resize
move
e-resize
sw-resize
s-resize
se-resize
  1. cursor: nw-resize; /* Este sería el ejemplo con "move" */


Comentarios

Sígueme

R L E F G I

Buscar

Cargando

Lo último del blog

Hosting

Xitrus está alojado en:

Xitrus está alojado en Cyberneticos.
Cerrar sesión
Usuario: Contraseña: