Princess of glitter: Imagem com bordinha e opacidade

3/23/2013

Imagem com bordinha e opacidade

Olá meninas, que foto perfeita da Ariana com o Justin, amei (。◕‿◕。), hoje eu trouxe um tutorial de como colocar a imagem com bodinhas redondas e opacidade, igual tem aqui no blog, é bem fácil e simples, se reblogarem não se esqueçam dos créditos. Créditos: bc
Procure por ]]></b:skin>, e acima dele cole:


.post img{-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
Onde está escrito: radius: 8px; e o tamanho das bordas, quanto maior o numero, mais redondo fica, todos devem ficar em tamanhos iguais para ficar redondo. Agora visualize e salve.
Se quer ter as imagens com opacidade, coloque esse código acima de ]]></b:skin>:

.post img{-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; -webkit-transition-duration: .20s;filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.70;}
.post img:hover{filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;-webkit-transition-duration: .20s;
}
Fernanda ;* 

2 comentários:

  1. Ameei os tuto :3 pensei que era mais dificil de fazer hehe mas é bem fácil arigatoo
    novajuventudexxi.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Eu antes achava que seria muito difícil mas é fácil, né? rsrs, beijos Fernanda ;*

      Excluir