Ae pessoal hoje vou ensinar pra vocês um efeito muito legal que eu uso aqui no site...
Ele funciona da seguinte forma quando você passa o Mouse em cima da Imagem aparece um efeito de zoom.
Então vamos começar
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 esse codigo a baixo em cima de ]]></b:skin>:
-----------------------------------------------------------------------------------
/*--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 "Visualizar" para ver se não teve erro e Depois clique em "Salve Modelo" e pronto!
Qualquer Duvida Comente ;D
Gostou? Comente e vire um Seguidor!
Sem Comentários
Regras dos comentários
1. Todos os comentários são lidos e se possível respondidos.
2. Não serão toleradas faltas de respeito.
3. Se possível comente e faça de nós um grupo feliz.
4. Caso comente como Anónimo o seu comentário será anulado!
5. Caso o link não Esteja Pegando Deixe um comentário avisando!
Obrigado