Desfocar cor da Borda

[Matheus Weber 4]

Existe alguma maneira de eu desfocar a cor de uma borda com CSS?

 

Já procurei e não achei nada =/

[Diéssica 140]

Como assim desfocar? Tá falando do efeito glow?

 

Se for, dá pra fazer com CSS3:

box-shadow:0 0 15px #000;

 

Texto:

text-shadow:0 0 15px #000;

 

#000 seria a cor da borda em hexadecimal. :thumbsup:

[mangakah 217]

Eu acho que ele quer na verdade é reduzir a opacidade da borda...

 

Defocar só a borda não é possível (pelo menos, não que eu saiba ou tenha encontrado no Google), apenas o elemento inteiro. Mas apenas os navegadores WebKit (Chrome e Safari)implementaram isso:

filter: blur(2px); /* Standard */
-webkit-filter: blur(2px); /* Standard */

 

No IE é possível usar um filtro:

http://msdn.microsoft.com/en-us/library/ie/ms530752%28v=vs.85%29.aspx

 

No firefox é possível apenas usando SVG.

 

Veja também:

http://www.html5rocks.com/en/tutorials/filters/understanding-css/

 

 

--

 

Mas se você se expressou mal e na verdade o que você quer é reduzir a opacidade da borda de um elemento, veja este artigo:

http://css-tricks.com/transparent-borders-with-background-clip/

[Bruno Augusto 417]

Um box-shadow do CSS3 com valor de spread mais elevado e uma cor mais clara (ou com mais opacidade) pode produzir um efeito similar.