Olá Pessoal hoje eu trago um tutorial para vocês de como colocar opacidade,borda,caixa igual aqui do Nosso Blog.
1º Cace pela tag ]]></b:skin>
2° Acima dela Cole esse código.
img {
border: 1px double #ccc; (espessura e cor da borda)
background: #efefef; (plano de fundo da caixa)
-webkit-transition: all 0.8s linear !important;
transition: all 0.3s ease !important;
-webkit-transition: all 0.8s ease !important;-o-transition: all 0.8s ease !important;-moz-transition: all 0.8s ease !important;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-goog-ms-border-radius:6px;
opacity:0.6
}
img:hover{
opacity:1;
-moz-box-shadow: 0 0 35px rgba(47, 94, 146, .5);
-webkit-box-shadow: 0 0 35px rgba(47, 94, 146, .5);
box-shadow: 0 0 35px rgba(47, 94, 146, .5);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-goog-ms-border-radius:6px;
}
3º Salve e Está Pronto! =)
0 comentários:
Postar um comentário