Efeito Redondinho na imagem ~

Demorei mas trouxe mais um tutorial pra vocês, suas lindas! *-*

Venho tentando arrumar o blog, deixar ele mais com a 'minha cara' e a um tempinho achei um efeito muito tri pra imagem, é esse que eu to usando no Ousada, quando você passa o mouse em cima da imagem, ela  fica redondinha, eu amei achei supeeer fofo

Vou ensinar pra vocês esse tuto super fácil :3

Vamos lá então! o/

~ A primeira coisa que você precisa fazer é..

1. Abra o painel do Blogger, vá em Modelo.
2. Depois Editar HTML, e clique no aviso que aparecer..
3. Depois que já abriu o editor de HTML, aperte Ctrl+F e procure por  ]]></b:skin>
4. Acima disso cole o seguinte código :

.post img {
-webkit-transition-duration: .50s;

border-radius: 10px 10px 10px 10px;

}

.post img:hover {

-webkit-transition-duration: .50s;

border-radius: 200px 200px 200px 200px;

} 

Salve e esta pronto, simples não acharam?? 

É assim que a imagem vai ficar quando você passar o mouse por ela. Legal né?

É super simples e muito fofo, e da uma boa diferença no seu blog, espero que tenha ajudado a deixar o blog de vocês mais bonito!

Agora vou dormir, o sono bateu kk, Boa Noite pra todos ;*