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

CSS mix-blend-mode 속성의 역할은?

보통 MDN Web Docs
보기 및 정답
A 요소의 콘텐츠가 배경 및 아래 요소와 어떻게 색상이 혼합될지 결정한다
B rgba에서 alpha 값이 0이면 요소가 DOM에서 완전히 제거된다
C currentColor 키워드는 부모 요소의 배경색을 참조하는 값이다
D hsl 색상 모델에서 채도가 0%이면 항상 검정색으로 표시된다

해설

mix-blend-mode는 포토샵의 블렌딩 모드처럼 요소의 색상이 그 아래 콘텐츠와 혼합되는 방식을 지정합니다. multiply, screen, overlay, difference 등의 값으로 텍스트나 이미지에 독특한 시각 효과를 만들 수 있습니다.

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

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

정규반 살펴보기