E aew, Beleza? Vou ensinar a vocês como colocar efeito zoom nas imagens ao passar o cursor em cima delas.
1º Faça login no Blogger
2º Vai em Design > Editar HTML
3º Procure pela tag "]]></b:skin>"
4º Acima dela, cole o seguinte código
/*--Zoom-Imagens-- */
a:hover img {
transform: translate(0px, -4px);
-moz-transform: scale(1.1) translate(0px, -4px);
-webkit-transform: scale(1.1) translate(0px, -4px);
-ms-zoom: 1.1;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
5º Clique em "Salvar modelo" e pronto!
1º Faça login no Blogger
2º Vai em Design > Editar HTML
3º Procure pela tag "]]></b:skin>"
4º Acima dela, cole o seguinte código
/*--Zoom-Imagens-- */
a:hover img {
transform: translate(0px, -4px);
-moz-transform: scale(1.1) translate(0px, -4px);
-webkit-transform: scale(1.1) translate(0px, -4px);
-ms-zoom: 1.1;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
5º Clique em "Salvar modelo" e pronto!
Ajude O Site A Cresce ...
Comenten ..
0 comentários:
Postar um comentário