Imagens com bordas arredondadas e efeito hover

Oi minhas bolachinhas de mel 

Hoje vou fazer um tutorial que fizeram o pedido, primeiro vou dando os créditos pro lindo blog Sweet Poison, para ver o tutorial leia mais.

• Vai no Blogger > Design > Editar Html
• Tecle Ctrl +F e procure por:

]]></b:skin>

• Acima dessa tag, cole o código abaixo:

.main img {-moz-border-radius: 03px;-webkit-border-radius: 0px 30px 0px 30px; */ Bordas arredondadas */-webkit-transition-duration: .70s; */ Efeito fade */}
.main img:hover {-moz-border-radius: 03px;-webkit-border-radius: 30px 0px 30px 0px; */ Bordas arredondadas hover */-webkit-transition-duration: .70s; */ Efeito fade */
}

• Se quiser edite o código de acordo com as partes sublinhadas e salve.

(Créditos ao blog Sweet Poison)