Efeito zoom nas Imagens do blog 01
Ei galerinha da Forever !
to disponibilizando esse código muito massa que dar um efeito zoom bem legal nas imagens do blog!
Vamos la!
1°-Painel , Designer. Editar HTML
2°- De um ( ctrl + f3) e procure por:
]]></b:skin>
3°-E ACIMA dele cole o seguinte código:
.post-body img {border: 1px solid #ccc;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;}.post-body img:hover {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-o-transform: scale(1.0);opacity: 1.0;-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);-ms-box-shadow: 0 4px 16px rgba(0,0,0,0.2);-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);box-shadow: 0 4px 16px rgba(0,0,0,0.2);border-image: initial;}4°- visualize!
se der tudo certo!
salve e pronto!
0 comentários:
Postar um comentário
Gostou da postagem? Então agora é hora de comentar!
*Respeite os Adms.
*Não insultar autor ou leitores da postagens
*Não publicar spam ou similar.
*Não brigar.
*Nada de propaganda!
=== Forever Designer 3.0===