주로 메뉴 상단에 자주 주게 되는 백드롭 필터 효과에 대해 메모해둔다.
backdrop-filter: blur(2px); /* 가우시안 블러같은 효과 */
backdrop-filter: brightness(60%); /* 명도 */
backdrop-filter: contrast(40%);/* 대비 */
backdrop-filter: drop-shadow(4px 4px 10px blue);/* 그림자 */
backdrop-filter: grayscale(30%);/* 그레이스케일 */
backdrop-filter: hue-rotate(120deg);/* 포토샵에서 색 레이어 깔고 색상 효과 준 느낌 */
backdrop-filter: invert(70%);/* 색반전 */
backdrop-filter: opacity(20%);/* 투명도 */
backdrop-filter: sepia(90%);/* 세피아색 */
backdrop-filter: saturate(80%);/* 채도 */img 태그에 직접 주려면 backdrop이 빠진 그냥 filter를 사용하면 된다.
