FrontEnd/HTML , CSS7 [ CSS ] filter vs backdrop-filter ( 요소 배경에) /* 필터 없음 */ - filter: none; /* SVG 필터를 가리키는 URL */ - filter: url("filters.svg#filter-id"); /* 값 */ - filter: blur(0px); - filter: brightness(1.0); - filter: contrast(100%); 0%일 경우 완전히 회색 이미지가 되고, 100%일 경우 이미지가 그대로 유지 - filter: drop-shadow(16px 16px 10px black); ( box-shadow 속성과 비슷하지만, 일부 브라우저에서는 필터를 사용했을 때 성능 향상을 위해 하드웨어 가속을 사용한다 보통 blur은 10% 이하로 사용한다 - filter: grayscale(0%); 100%일 경우 완전히 흑백 이미지.. 2023. 10. 26. 이전 1 2 다음