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

CSS background-clip: text를 사용하면 어떤 효과를 만들 수 있나요?

어려움 MDN Web Docs
보기 및 정답
A opacity 속성은 자식 요소에 영향을 주지 않고 해당 요소만 투명하게 한다
B 배경색이나 배경 이미지가 텍스트 모양으로만 보이는 텍스트 클리핑 효과를 만든다
C line-height에 단위 없는 값을 사용하면 px로 자동 변환되어 적용된다
D text-indent 속성은 모든 줄에 동일하게 들여쓰기를 적용하는 속성이다

해설

background-clip: text(또는 -webkit-background-clip: text)와 color: transparent를 함께 사용하면 배경 이미지나 그라데이션이 텍스트 글자 모양으로만 보이는 시각 효과를 만들 수 있습니다. 그라데이션 텍스트, 이미지 텍스트 등의 타이포그래피 효과에 활용됩니다.

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

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

정규반 살펴보기