Cursor animado para tu pagina web(css)

CURSORES EN FORMATO PNG Y GIF PARA TU SITIO WEB

Cambiar el cursor de tu sitio web es posible utilizando css, a la etiqueta body de nuestro sitio le indicamos que en lugar de la flecha que ya conocemos se muestre una imagen de tamaño muy pequeña , las imágenes las veras en un enlace  mas abajo en este articulo.

 

 

El funcionamiento se realiza indicando a la etiqueta body un atributo que tendría como  propiedad una url en la cual nosotros colocamos la dirección de nuestra imagen.

El siguiente código es para que lo coloques dentro del head de tu sitio web pero si cuentas con una plantilla propia solo tiene que agregar:

 

       body {  cursor : url(url-de-tu-imagen),default;  } 

 

a la hoja de estilo de tu sitio web.

 

ESTILO CSS 

 _______________________________________________________________________

 

 

<style type="text/css">

  <!-- 

    body {  cursor : url(url-de-tu-imagen),default;  } 

  -->  

</style>

 

 

 

 

 

 

 

Para conseguir las imageness vas a este enlace  CURSORES GIF   donde encontrarás diferentes imagenes de cursores

seleccionas una imagen das "click derecho" y "copiar url de imagen"  ahora en el esilo CSS donde estan

las letras rojas   url-de-tu-imagen  eliminas esas letras y pegas  y guardas los cambios.

 

 

Si te funciona dale like a este articulo , comenta tus dudas y suscribete a mi canal de youtube.

 

 

 

 


Escribir comentario

Comentarios: 0