23.3.13

Efeito Arredondado Nas Imagens Do Post



1. Abra o HTML do seu blog, e procure por: ]]></b:skin>

2. Acima disso, cole o código abaixo:

.post img{

border-radius: 15px;

background: url(aqui cole a url de um background de fundo, se quiser) repeat;

padding: 7px;

background-position:top center;

-webkit-transition-duration: .80s;
-webkit-transition-duration: .80s;
}.post img:hover {border-radius: 100px;background: url(aqui cole a url de um background de fundo, se quiser) repeat;padding: 1px;background-position:bottom center;-webkit-transition-duration: .80s;}

Altere oque está em negrito e seja feliz, se quiser a borda bem redonda, sendo um círculo perfeito deixe em 100 pixels, o contrário, seja feliz, ok? SHSUAHSAUHS


Crédito: Chocolate Love

0 comentários:

Postar um comentário