Efeito Hover

Tutorial fácilissississimo pra vocês espero que gostem,o efeito hover é na foto da postagem,ficando as pontas redondas,mudando de lado ao passar o mouse.

1- Vá em Design Editar HTML aperte F3 e procure por:

]]></b:skin>

2-acima do ]]></b:skin> , coloque o seguinte código:

.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 */
}