5 de dez de 2012

Tutorial - Imagens com Bordas Arredondadas e Efeito Opacity


Hey Girl, já entrando em clima de natal não é? Hoje a pedido da Isabella, vou ensinar como deixar as imagens do post iguais as aqui do blog, com bordas arredondadas e efeito opacity.


Vá Em Design> Editar HTML e procure por:
]]></b:skin>
E acima dele cole este código:
.post img{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; } .post a:hover img{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; } 
E proto, muito fácil não? Vou tentar deixar o layout estilo natal, aguardem :)

Um comentário:

  1. Gostei bastante deste post,me ajudou,beijos.

    http://d-reamsofprincess.blogspot.com.br/

    ResponderExcluir