Efeitos nas imagens do Blog

Olá cerejinhas, perdão por não postar é que eu estou doente. Ta complicado pra mim postar até no meu blog, bom se vocês não sabe eu sou a nova postadora. A Karin me escolheu eu não esqueci de postar mais ta puxado demais!

Bom Hoje trouxe um tutorial bem legal, vocês vão Gostar! Então vamos lá 

Go!

1º Entre em modelo > Editar HTML > 

2º Aperte CTRL+F e busque por : ]]></b:skin>

3º Cole o código acima dela ^

Bordas Arrendondadas:

.post img {
-moz-border-radius: 10px;
-webkit-boder-radius: 10px;
border-radius: 10px;
}

Borda Cinza:  

.main img {border: 3px solid  ;-webkit-transition-duration: .50s; } 

Borda folha- Hover

.post img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-webkit-transition-duration: .50s;
border-radius: 10px 0px 10px 0px;
}
.post img:hover {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
-webkit-transition-duration: .50s;
border-radius: 0px 10px 0px 10px;
} 

Borda Colorida- Hover

.main img {
border: 3px solid  #f17c9d;
-webkit-transition-duration: .50s;
}
.main img:hover {
border: 3px solid #c8a2d4;
-webkit-transition-duration: .50s;
} 

Opacidade 

.main img {filter:alpha(opacity=82);-moz-opacity:0.82;opacity:0.82;}.main img:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;duration: 50s;}

                                     Uns dos códigos é do Pequena Kawaii - Não Copie 

Imagem no Início: We Heart It // Credite