02 Ene

Cambiar la forma del puntero en css

Código CSS:
Ver originalCopiar
Por ejemplo si tenemos una etiqueta id= link y posteriormente queremos que cuando el ratón pase por encima se ponga digamos en forma de mano:

#link:hover{
cursor:pointer;
}

Para cambiar el icono a uno diseñado por nosotros.

*{cursor : url(“ruta/nombre_cursor.extension”) }

si es uno para el body y uno diferente para los enlaces

Código CSS:
Ver originalCopiar
body {cursor : url(“ruta/nombre_cursor.extension”) }

a:link{cursor : url(“ruta/cursor_link.extension”) }
a:active{cursor : url(“ruta/cursor_active.extension”) }
a:visited{cursor : url(“ruta/cursor_visited.extension”) }
a:hover{cursor : url(“ruta/cursor_hover.extension”) }

Share this

Leave a reply