blur() , backdrop-filter

표현식

filter: blur(radius);

 

radius의 값은 왜곡되는 정도, blur 정도를 말한다. 값이 커질수록 흐릿하게 보이게 된다.

 

backdrop-filter

- 요소 뒤 영역에 흐림이나 색상 시프트 등 그래픽 효과를 적용할 수 있는 속성

요소 "뒤"에 적용하기 때문에, 효과를 확인하려면 요소나 요소의 배경을 적어도 반투명하게는 설정해야함.