Tutorial - Borda Colorida e em Hover na Imagem

 

Boa Tarde, Povo! 

Como vão vocês? 

Bom, Trago um Tutorial bem simples, Mais que fica bem Bonitinho. 

Um Tutorial que como diz o Título do Post, A Imagem do Post fica com uma Borda e que quando passa o Mouse muda de Cor. 

Se quiserem ver como fica, Clique aqui. 

Créditos: X 

1. Vá em Modelo >> Editar HTML e procure por ]]></b:skin>. Acima dessa TAG, Cole: 

main img { 

border: 3px solid #f17c9d; 

-webkit-transition-duration: .50s; 

} 

.main img:hover { 

border: 3px solid #c8a2d4; 

-webkit-transition-duration: .50s; 

}  

Espero que tenham gostado do Tutorial! 

Até mais \o/