Text Clipped

Text Clipped

by James Hooper

HTML

<div class="knockout">
  <a>JHOOPER</a>
</div>

CSS

.knockout {
  background-image: url(https://s-media-cache-ak0.pinimg.com/originals/bc/8a/3f/bc8a3f3da923e06aaae99fa28bbfdce3.png);
  background-attachment:fixed;
  background-size:cover;
  background-position:top left;
  color: red;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: bold;
  font-size: 10em;
  font-family: arial, helvetica;
  width: auto;
  margin: 50px auto;
  text-align: center;
}

.knockout a {
    border:solid transparent 10px;
    padding:10px;

  }
}


body{
  background: #f6f6f6;
}