CSS Trick 005 Text Gradient

Alice Kim·2021년 3월 16일
0

CSS Trick

목록 보기
5/5
post-thumbnail

❓ Text color에 Gradient줄 수 있나?

❗ background-clip속성으로 가능하다.


background-clip 속성은 요소의 배경이 테두리, 안쪽 여백, 콘텐츠 상자 중 어디까지 차지할 지 지정한다.

  • border-box
    배경이 테두리의 바깥 경계까지 차지(Z축 순서 상 테두리 아래 위치)
  • padding-box
    배경이 안쪽 여백의 바깥 경계까지 차지
  • content-box
    배경을 콘텐츠 상자에 맞춤.
  • text
    배경을 전경 텍스트 위에만 적용.
profile
If you don't build your dream, someone will hire you to help build theirs.

0개의 댓글