Efeito especiais nas imagens dos posts

Views:

EFEITO ZOOM


.post-body img{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
.post-body img:hover {
-o-transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s; -moz-transform: scale(1.4);
-o-transform: scale(1.4); -webkit-transform: scale(1.4);
}


EFEITO OPACIDADE


.post-body img{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post-body img:hover {
opacity:0.7; filter:alpha(opacity=50);
}


EFEITO DARKNESS


.post-body img{
-webkit-filter: brightness(100%);; }
.post-body img:hover {
-webkit-filter: brightness(60%);
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease; transition: all 1s ease;
 }


EFEITO REFLEXÃO


.post-body img{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
.post-body img:hover {
opacity: 1; /*Reflection*/
-webkit-box-reflect: below 0px;
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); /*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage