div에서 CSS CSS 효과 흐림

웹 사이트를 개발하고 있지만 문제가 있습니다. div에 가우시안 블러가 필요합니다. 불투명도를 변경할 수는 있지만 텍스트를 흐리게 만들 수는 없습니다. div에서 CSS CSS 효과 흐림

하지만 CSS 텍스트 그림자를 사용하여 달성 될 수있다, 직접 나에게

<html> 
    <body> 
     <div id="blur" style="">hellokkksdjfdshfshifsd isjfcsdkcjsdlk</div> 
    </body> 
</html>

당신의 대답은 여기, HTML5와 CSS3를 사용하여이 방법 http://css-tricks.com/fun-with-blurred-text/ – ShibinRagh

을 시도해보십시오 http://stackoverflow.com/questions/8514954/blur -imgs-divs-in-html-using-css – Ricain

불가능 도와주세요. 트릭은 텍스트를 투명하게 만들고 그림자를 그려주는 것입니다.

Selectortoblurtext 
{ 
color: transparent; 
text-shadow: 0 0 5px #000000; 
}

그림자가 다른 조합을 시도하십시오!

2012-12-28 09:52:04 geekman

그래서 같이 여기에 텍스트 그림자를 사용하는 것이 좋습니다 것 :

#blur { 
    color: transparent; 
    text-shadow: 0 0 6px rgba(0,0,0,0.5); 
}

2012-12-28 09:52:32

당신은 당신의 스타일 파일에 다음 코드를 배치 할 수 있습니다

#blur { 
    color: transparent; 
    text-shadow: 0 0 5px rgba(0,0,0,0.5); 
}

하거나

를 배치

색상 : 투명; text-shadow : 0 0 5px rgba (0,0,0,0.5);

(style = ""태그).

0.5는 불투명도 비율이고 0,0,0은 rgb 색상 값입니다.

2012-12-28 10:08:25 migkapa

답변