css blur, invert 필터속성

필터 속성 활용하기

색 뒤집기: invert

흐릿하게: blur

대상:

Css;
#bg-img{
            width: 80%;
            height: 800px;
            border: 20px solid rgba(0,0,0,.3);
            filter: blur(7px) invert(90);
            background-image:url('../resources/image/bgsample.PNG');

            background-size: 100% 100%;
            background-position: left center;
            background-origin: padding-box;
        }

필터 사용전

blur 필터 사용 후: 이미지가 흐릿해진다.

Invert 필터 사용후: 색이 반전된다

동시에 사용 시에는 블러처리와 색반전이 동시에 일어난다