Imagens com efeitos e bordas arredondadas.

             
Oii Tutorial para vocês como arredondar as bordas deem uma olhada:





Entre em Design  Editar HTML  Aperte Ctrl+F (caixinha de busca)
Procure por:

]]></b:skin>

ACIMA desta tag, cole o seguinte trecho:

.post img{ filter:alpha(opacity=80); -moz-opacity:0.76; opacity:0.85;- border-radius: 35px 0px 35px 0px;-moz-border-radius: 35px 0px 35px 0px;-webkit-border-radius: 35px 0px 35px 0px;-transition-duration: 0.50;-webkit-transition-duration: 0.50s;-moz-transition-duration: 0.50s; }  .post a:hover img{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;-border-radius: 0px 35px 0px 35px;-moz-border-radius: 0px 35px  0px 35px;-webkit-border-radius: 0px 35px 0px 35px;-transition-duration: 0.50s;-webkit-transition-duration: 0.50s;-moz-transition-duration: 0.50s; }

Visualize para ver se está tudo ok, e se estiver tudo legal salve..gostaram?
Créditos ao  http://blogassuntodegarota.blogspot.com.br

Nenhum comentário: