Menú

  • featured
  • PÁGINA DE BIENVENIDA

    EFECTO OPACIDAD EN LAS IMÁGENES DE NUESTRO BLOG

    EFECTO OPACIDAD EN LAS IMÁGENES DE NUESTRO BLOG .




    Para darle un toque cool a algunas de nuestras imágenes, con un pequeño código cambiaremos la opacidad de estas.

    Este código CSS contiene las propiedades 'opacity' y 'onmouseover', que lo que hacen es que la imagen se vea apagada y al pasar el cursor por encima la veamos en todo su esplendor.

    Cada vez que quieras añadir una imagen con este efecto, pegas el código que tienes más abajo.




    <img src="URL DE LA IMAGEN" style="opacity:0.4;filter:alpha(opacity=40)"
    onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />




    Data de la Publicación; 01-09-2019

     Fuente; redeando

     Publicado por;                                                                           





    0 comentarios: