[CSS]css로 영역에 뿌옇게 블러처리하기(filter)

아래 코드를 블러처리할 컨테이너에 작성한다. 

        filter: blur(10px);
        -webkit-filter: blur(10px);
        
        /* 뿌옇게 하고싶은 만큼 픽셀값 높이기! */

 

 

아래코드의 결과물(box_2가 블러효과 적용한것)

See the Pen filter : blur; by kaia (@kaiaakim) on CodePen.

 

****

!주의!

box_2처럼 블러를 적용한 영역안에있는 글자는 함께 필터가 적용되므로

블러처리 없는 글자를 위에 띄우려면

글자 박스 엘리먼트를 따로 추가하여 

포지션으로 띄워주어야한다.

****