Como colocar as imagens no blog com efeito Zoom

Hoje eu trouxe um tutorial de imagem com efeito Zoom que eu aprendi no Kawaii World.

Esse efeito é bem legal para vocês colocarem nas imagens do seus blogs. Eu achei show! Espero que vocês também gostem.



Instalando

1 - Acesse o painel do seu blog.

2 - Vá em "Modelo" e "Editar HTML"

3 - Tecle Ctrl + F e procure por:

 /* Posts
-------------------------------- */ 

4 -  Abaixo dele, cole:

 .post img {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.2s linear; /*----Tempo de transição ----*/ 
background-color: #00BFFF; /*---- Cor ----*/ 
padding: 2px;
}
.post img:hover {
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
background-color: #FFC0CB; /*---- Cor ----*/ 
padding: 2px;
} 



      Personalizando


Agora é só personalizar as cores que deixei em destaque para vocês.
Tabela de cores - AQUI

SAIBA: Ao colocar este tipo de efeito no seu blog, as que tem fundo transparente, elas ficaram com todo o fundo igual a cor escolhida para a borda das imagens.

E ai, também gostou? Comente! 
Beijinhos


COMPARTILHE :  

Comentários
0 Comentários


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.