11 de mar de 2013

Transparência nas bordas

Olá galerinha, hoje trago um tutorial de fácil execução que vai deixar
as bordinhas de seu layout com uma leve transparência. (:

Para colocar uma leve transparência nas bordinhas, é só
acrescentar o código abaixo:

moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
border:4px solid rgba(255,255,255,0.4);

-Onde tem:
border:4px solid ( pode aumentar ou diminuir
o tamanho da borda.)

Um exemplo:

Para colocar na sidebar:

.sidebar .widget {
background-color: #ffffff;
border: 2px solid #D0E7FE;
  padding-bottom: 10px;
  margin: 10px 0;
moz-background-clip: padding;-webkit-background-clip: padding;background-clip: padding-box;   border:4px solid rgba(255,255,255,0.4);

Nenhum comentário :

Postar um comentário

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo