Revista Blog

Añadir un bonito efecto en las imágenes en Blogger

Por Aizum Blog @aizumblog
By: Iván Dangerfielden sábado, marzo 15, 2014 Efecto CSS3 imagen
En el transcurrir de vida de éste blog, he publicado unas cuantas entradas con efectos en imágenes, hoy voy a publicar una muy breve, brevísima y rápida, que a mi parecer puede interesar a algún bloguero, que quiera cambiar la apariencia o aspecto de sus imágenes dentro del cuerpo de las entradas o de los posts, de su maravilloso blog. A continuación, podrás ver la demostración en vivo y en directo, y sí te gusta, ya sabes lo que tienes que hacer, implantarlo en tu blog de Blogger, con las instrucciones detalladas que verás más abajo, después de la demo:
Efecto imagen
Añade en Blogger el CSS antes de ]]></b:skin>!
/* Efecto CSS en Imagen  by www.aizumblog.com */
.post img {
 border:10px solid #fff;
 overflow:hidden;
-webkit-box-shadow:5px 5px 5px #111;
box-shadow:5px 5px 5px #111;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;margin:20px
}
.post img:hover{
border-radius:50%;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
/* Efecto CSS en Imagen by http://www.aizumblog.com */

Get free premium widgets for your blog and website.

Volver a la Portada de Logo Paperblog