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);