Seguramente habrás visto en muchas webs que al pasar el raton por ciertas partes el cursor de tu ratón cambia y vuelve a su origen al apartarlo.
Este efecto es muy sencillo y se puede hacer muy facilmente mediante CSS.
body {
cursor: move;
}Nos aparecerá un icono que aparece cuando, por ejemplo, movemos las ventanas en un entorno grafico.
Existen muchos cursores, entre ellos aquí estan los predefinidos por HTML:
- default (flecha)
- crosshair (cruz)
- e-resize (flecha que apunta a la derecha)
- hand (mano)
- help (signo de pregunta)
- move (cruz con flechas en los extremos)
- n-resize (flecha que apunta hacia arriba)
- ne-resize (flecha que apunta al noreste)
- nw-resize (flecha que apunta al noroeste)
- pointer (mano)
- s-resize (flecha que apunta hacia abajo)
- se-resize (flecha que apunta hacia el sudeste)
- sw-resize (flecha que apunta hacia el sudoeste)
- text (I-beam)
- w-resize (flecha que apunta a la izquierda)
- wait (reloj de arena)
