![[CSS] filter VS backdrop-filter 블러 효과 [9/10 study]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FH5aIJ%2FbtsJweU8Gzp%2FAAAAAAAAAAAAAAAAAAAAAIlFZWWXNtnB45Qijtb-eKcg0JnOlid9vuWbfYiNW36I%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3Df4Tf%252BS1MW%252FyMkwjQiGdZ8e8wI54%253D)
Frontend/CSS2024. 9. 10. 13:17[CSS] filter VS backdrop-filter 블러 효과 [9/10 study]
filter VS backdrop-filter 블러 효과 1. filter https://developer.mozilla.org/ko/docs/Web/CSS/filter filter - CSS: Cascading Style Sheets | MDNCSS filter 속성은 흐림 효과나 색상 변형 등 그래픽 효과를 요소에 적용합니다. 보통 필터는 이미지, 배경, 테두리 렌더링을 조정하는 데 쓰입니다.developer.mozilla.org filter는 하위요소 전체에 블러 처리를 할 수 있습니다. EX_) 주의!filter- filter 사용시 하위요소까지 효과가 적용되어 헤맸던 적이 있는데 별개의 형제요소를 새로 만들어 백그라운드를 주고 효과를 적용해서 해결했었다.- filter를 사용하니 하얀색 ..