Tutorial - Efeito zoom nas Imagens do (Blogger)

Tutorial - Efeito zoom nas Imagens do (Blogger)

Thiago

1. Abra “Design” e clique em “Editar HTML”do seu blog e clique em "Expandir modelos de widgets".

2. Depois da um Ctrl+f e procure por:

]]></b:skin>

3. Cole em cima dessa tag esse codigo a baixo:

-----------------------------------------------------------------------------------

/*--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;
}

-----------------------------------------------------------------------------------

4º Clique em "Salvar modelo" e pronto!

-----------------------------------------------------------------------------------
É isso ai pessoal, Não esqueçe de comentar!

Creditos: Fatality Design

Tutoriais