记录下css设定文字镂空图片背景

html:

<div class="small-12 columns">
<h1 class="page-title galaxy-bg-1">Install</h1>
</div>

css:

.hero .page-title {
letter-spacing: -3px;
display: inline-block;
font-weight: 500;
font-size: 133px;
vertical-align: sub;
}
app.css:56
.galaxy-bg-1 {
color: #333;
background: url(../img/galaxy-bg/support.jpg) no-repeat;
background-size: cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

background

transparent

说点什么

您将是第一位评论人!

avatar
  Subscribe  
提醒