Morton 22 de septiembre de 2014 a las 08.17
   Imprimir artículo
elWebmaster.com

Cómo crear cursores personalizados con CSS


css3wideSon 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.

Eso es todo ¬°Esperamos que te sea de utilidad!

Fuente original del artículo: David Walsh Blog
Traducción realizada por elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder