
[CSS] filter 적용하기
·
Mark Up & StyleSheet/CSS & SCSS
CSS filter를 이용해 사진에 다양한 이미지 변화효과를 부여할 수 있다. 필터는 주로 이미지, 배경, 테두리 렌더링 조정할 때 쓰인다. SVG 필터도 적용할 수 있다고 한다. /* SVG 필터를 가리키는 URL */ filter: url("filters.svg#filter-id"); /* 값 */ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); filter: opacity(25%); filter: saturate(30%); f..