25 de set de 2012

Tutorial - Tutorial >>> Efeito na imagem do post Arrendondado


Boa Noite minhas lindas tudo bem?bom trouxe um tutorial bem legal é o efeito na imagens dos post que eu uso aqui no blog espero que gostem =) 

Bom então vamos lá...
Se você usa a antiga interface do blog, vá até DesignEditar HTML


Se você usa a antiga interface do blog, vá até ModeloEditar HTMLProsseguir.


Feito isso, marque a opção Expandir Modelos de Widget , depois que fizer isso dê um CTRL + F e procure por:
]]></b:skin>
Achou?Agora coloque o código abaixo acima dessa tag.

.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 pronto =) 

2 comentários: