Puro CSS3 - Efeito Hover Nas Imagens do Post do Blogger

O Efeito Hover de que eu estou falando é exatamente este na imagem ao lado. O Efeito Hover faz com que todas as imagens do seu blogger fique com um efeito circular quando passamos sobre elas com o cursor do mouse.

                    Seguir @DicashotBlogger

Já utilizo aqui no blog a bastante tempo e quero compartilhar este incrível código com vocês...

Acesse o Painel do Blogger, clique na guia Modelo e depois clique em Editar Html e procure pela tag ]]></b:skin> e antes dela cole o código a seguir:

.post-body img { <br /> padding:0; <br /> border:0; <br /> -moz-transition: all 1s; <br /> -webkit-transition: all 1s; <br /> -o-transition: all 1s; <br /> } <br /> .post-body img:hover { <br /> border-radius: 50%; /* Borde redondeado */ <br /> box-shadow: 0px 0px 15px #000; /* Sombra */ <br /> -moz-transition: all 1s; <br /> -webkit-transition: all 1s; <br /> -o-transition: all 1s; <br /> cursor:pointer; <br /> }



Após ter colado, basta salvar!!!

Espero que gostem.