CSS 텍스트 뒷 배경 비치게 만들기
See the Pen by junheeleeme (@junheeleeme) on CodePen.
.bg{
...
background-clip: text;
-webkit-background-clip: text;
...
}
중요하게 봐야할 속성은 위 두개입니다. background-clip: text만 주면 효과가 적용되지 않습니다. 아래 -webki-background-clip도 적용시켜주어야 합니다.
-webki-background-clip만 적용시킨 효과는 적용되나 아래 CSS에서 경고 메세지가 뜹니다.
background-image를 이용해서 gif 사진을 적절히 사용한다면 인터렉티브한 텍스트를 만들 수 있습니다.
