.

sábado

Textual description of firstImageUrl

Efeito Giratório, Zoom e Opacidade Ao Mesmo Tempo no Blogger

ACESSOS:
Deixe seu comentário



Venho compartilhar com vocês aqui outro efeito para imagens no blog. Esse efeito é três em um, ou seja, esse código faz com que ao passar o cursor, automaticamente a imagem fique com um efeito giratório, zoom e ainda fica opaca (tom esbranquiçado).

Siga-nos no twitter:

                                               

Recomende esta postagem no Google:



Para colocar esse efeito nas imagens do seu blog... Entre em "Modelo" - "Editar HTML", dê um Ctrl +F e procure pela tag
]]></b:skin>
ACIMA desta tag, cole o seguinte código
.post-body img {
z-index:999999;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
}
.post-body img:hover{
z-index:9999;
-webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
}
Tendo colado o código, pode salvar e pronto!!!

Cursos Online com Certificado - Cursos 24 Horas

RESPONDA: DE 0 A 5 O QUANTO ESTE CONTEÚDO FOI ÚTIL PARA VOCÊ?
{[['']]}