• Q&A
  • 회원가입
  • 로그인

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

831  

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


<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


방문자 수

오늘 204
어제 2,259
최대 2,397
이달 42,774
전체 990,520
Since 2012