Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Crear cursores personalizados con CSS

Crear cursores personalizados con CSS 22.SEP.14

Gianfranco Lemmo
Fundador WebBizarro

Son muchas las maneras en que el diseño de tu sitio puede ser personalizado, y una es a través de los cursores. En ciertos casos, puede ser de utilidad poder asignarles un diseño personalizado. Con CSS, esto es más que sencillo.

La propiedad cursor acepta una serie de cursores, y usando un valor url(), nos permite asignar uno propio, de esta manera:

body {
    cursor: url('some-cursor.ico'), default;
}

Siempre es mejor tener como backup un cursor nativo, como default. Es de notar, además, que Firefox escalará el cursor a un tamaño más pequeño, y puede que Chrome, a un tamaño más grande. Puedes usar esto para funciones determinadas, como por ejemplo, un cursor de lupa en imágenes o textos.