이렇게
두개의 속성을 같이 쓰면 손쉽게 텍스트 그라데이션을 넣을 수 있다!!!
여기서 clip이란
이 뜻으로 쓰인다.
그렇기 때문에 -webkit-background-clip: text;
란
text
만 남겨놓고 자르는clip 것이 된다.
대신 ie에서는 사용 불가능함.
이런 식으로 background-color
를 쓰면 안 된다.
background
만 쓰거나, background-image
만 써야 한다.
요런 식으로~!!!
텍스트 그라데이션 배움!!!
개인 홈페이지에 예쁘게 써먹을 수 있을 거 같아 신난다😙
https://webgradients.com 나
https://www.grabient.com 를
사용하여 예쁜 그라디언트 효과를 넣을 수 있다!!!
웹 그라디언트는 사이트 전체적인 배경에,
그라비언트는 텍스트 그라디언트 쓰기에 좋다고 함.