[CSS]background-clip에서 문자 모양으로 배경 자르기
Apple iPhone XR의 상품 페이지에서
이거 멋지지 않아?
iPhone XR - Apple(일본)
사실 쉽게 할 수 있습니다.
그래, CSS background-clip 속성이야.
background-clip - CSS: 캐스케이딩 스타일시트 | MDN
사용법
See the Pen css background-clip by Akira Kanno ( @ 테이넨 )
on CodePen .
브라우저 지원
그래, CSS
background-clip 속성이야.background-clip - CSS: 캐스케이딩 스타일시트 | MDN
사용법
See the Pen css background-clip by Akira Kanno ( @ 테이넨 )
on CodePen .
브라우저 지원
Firefox, Chrome and Safari support the unofficial -webkit-background-clip: text (only with prefix)
MDN에 따르면 background-clip: text;는 IE11만 지원하지 않는 것 같습니다.IE11 죽음
요약
모두도 background-clip 에서 옷차림 디자인을 즐기자!
Reference
이 문제에 관하여([CSS]background-clip에서 문자 모양으로 배경 자르기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/teinen_qiita/items/9c23ef3befcb1119bce2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
