처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS backdrop-filter: blur(10px) 속성의 효과로 올바른 것은?

쉬움 MDN Web Docs
보기 및 정답
A 요소의 배경 뒤에 있는 콘텐츠에 블러(흐림) 효과를 적용한다
B hsl 색상 모델에서 채도가 0%이면 항상 검정색으로 표시된다
C rgba에서 alpha가 0이면 DOM에서 제거된다
D currentColor는 부모의 배경색을 참조한다

해설

backdrop-filter는 요소 자체가 아닌, 요소 뒤에 있는 영역(backdrop)에 그래픽 효과를 적용합니다. 반투명 배경과 함께 사용하면 유리 느낌의 glassmorphism UI를 구현할 수 있습니다. filter 속성이 요소 자체에 효과를 주는 것과 구별됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기