[HTML/CSS] background-clip으로 배경이미지 텍스트 만들기

See the Pen Text background clip by nah (@wimmwell) on CodePen.

 

이걸 뭐라고 설명해야하지?

아무튼 배경 이미지로부터 텍스트 모양대로 클립해서 배경은 감추고 텍스트에만 이미지가 들어가는 코드이다.

background-clip:text 속성으로 구현 가능하며,

나는 애니메이션 CSS와 제이쿼리를 이용해 마우스오버시 배경이미지와 텍스트가 바뀌게 응용해봤다.