prattheev
9/30/2017 - 6:07 PM

Knockout Text

Create Transparent Background Texts

<div class="knockout"><a href="http://mksht.crisnoble.com" rel="Like cool shit? visit my site">mksht</a></div>
.knockout {
  background: url(http://apod.nasa.gov/apod/image/0603/coma_misti.jpg) -80px -80px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: bold;
  font-size: 100px;
  width: 600px;
  text-align: center;
}