흐림 효과를 얻기위한 CSS의 텍스트 그림자 밀도

Question

텍스트 그림자에 더 높은 밀도를 줄 수있는 더 좋은 방법이 있습니까? 내게 일어난 유일한 해결책은 텍스트의 텍스트 그림자를 여러 번 반복하는 것이지만 이것은 다소 어색하다. 나는 IE10이 스프레드 반경을 지원한다고 생각하지만, 그것은 유일한 것이다.

body{ 
    background:#000 
} 
h1 { 
    font-size: 25px; 
    font-family:Arial; 
    color: #F90; 
    text-shadow: 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF, 
     0 0 20px #FFF; 
} 

는 jsfiddle에서 근무하는 예 비교 :

http://jsfiddle.net/poselab/jAgF3/3/

http://jsfiddle.net/poselab/pHnTm/

Answer 1

난 당신이 @PoseLab을 달성하기 위해 노력하고 있지만, 텍스트의 속성을 "흐리게"정확히 모르겠어요 그림자는 대부분의 브라우저에서 지원 여부를 확인하면 지원됩니다. caniuse.com

흐림을 0에서 변경하면 밀도가 확실하게 단색에서 변색 효과로 바뀝니다.

어쩌면

text-shadow:2px 2px 0 #fff; 

JS Fiddle

희망이 도움이 같은 일을하고, 당신은 항상 너무 텍스트 그림자 생성기 주위 재생할 수 있습니다.

CSS3 text shadow generator

P.S (내가 텍스트 그림자뿐만 아니라 IE9에서 지원됩니다, 또한 사과)