• 이용 문의
  • 회원가입
  • 로그인

[text] 비표준 - text-fill-color (텍스트필컬러) - 텍스트글자색 (= 글자전경색)

259  

비표준이니, 참고만 하세요.


<style>

body {

  width: 100%;

  height: 100vh;

  display: flex;

  align-items: center;

  background-color: #141414;

}


h1 {

  font-size: 9vw;

  font-weight: 700;

  font-family: 'Rubik', sans-serif;

  flex: 1;

  position: relative;

  text-align: center;

  margin: 0;

  -webkit-text-fill-color: transparent;

  background-image: url("http://66.media.tumblr.com/9d5be60c175cdbe15e875fef01b9a66b/tumblr_ntz3mmEFFr1twd8ddo1_500.gif");

  background-size: cover;

  -webkit-background-clip: text;

  background-repeat: no-repeat;

}

 

</style>


<h1>Homzzang.com</h1>

결과보기

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color


이름
비밀번호
자동등록방지
분류 제목
intro CSS - 정의와 장점 + CSS 기본 문법
intro CSS - 발전사 (CSS1 → CSS2.01 → CSS3)
intro CSS - 적용 방법 3가지 ★★★ - (인라인스타일 / 내부스타일 / 외부스타일) CSS…
selector CSS - 선택자 (Selector) 종류 + 선택자에 사용가능한 문자 (= 선택자 이름짓…
selector CSS - ID선택자 (= 아이디선택자) , class선택자(= 클래스선택자) + CSS적…
selector CSS - * 전체선택자 - 모든요소 (요소선택자)
selector CSS - element 요소선택자 - 지정요소 (요소선택자)
selector CSS - element,element 병렬선택자 ★ - 나열된요소 (= 여러요소, 요소…
1/20
목록

방문자 수

오늘 685
어제 648
최대 2,081
전체 632,197
Since 2012