17.11.12

Tutorial - Efeito Opacity

Yoo~
Trago um tutorial de como por um efeito opacidade nas suas imagens do blog.
Vamos lá?
Vá em Modelo>>Editar HTML , aperte CTRL-F e procure por ]]></b:skin> 
Quando achar ponha este código acima da tag:
img{
margin: 1px;
border: 2px solid #FFB6C1;
filter: alpha(opacity=75);
moz-opacity:.80;
opacity:.80 ;
-webkit-transition-duration: .50s;
}
img:hover{
margin: 1px;
border: 2px solid #9370DB;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}     
 Pus em Negrito o que precisa mudar..
Vou dar umas dicas para editarem.
Se não quiser borda com hover, mude o border: 2px solid #FFB6C1; por border: none; .
Se quiser editar as cores vá aqui(www)
E se quiser que a imagem fique com menos opacidade mude o filter: alpha(opacity=75); por um número mais alto,se quiser o contrário, mude para um número menor...
Espero que gostem :3


Sem comentários:

Enviar um comentário

✖ - Não insulte - senão seu comentários irá ser removido
✖ - Comente sempre que puder!!Ficamos sempre feliz quando comentam :)
✖ - Se está querendo comentar mas tem preguiça, faz esforcinho xD

Atentamente,

O time.