[CSS] backdrop-filter 속성

backdrop-filter

backdrop-filter 속성은 element의 background에 다양한 필터 효과를 줄수 있다.

/* 불투명 */
backdrop-filter: blur(12px);
/* 밝기 */
backdrop-filter: brightness(50%);
/* 색상대비 */
backdrop-filter: contrast(200%);
/* 회색조 */
backdrop-filter: grayscale(50%);
/* 색조 */
backdrop-filter: hue-rotate(90deg);
/* 색상반전 */
backdrop-filter: invert(75%);
/* 채도 */
backdrop-filter: saturate(30%);
/* 세피아 */
backdrop-filter: sepia(60%);