CodePen Embed - background-clip: text;

<div class="container">
  <div class="clip-text">
    It's fun!
  </div>
</div>

body
{
  background: #1D1E22;
}
.container{
    display: flex;
    justify-content: center;
}
.clip-text{
    background: url(http://i.giphy.com/fsULJFFGv8X3G.gif);
    background-size: cover;
    background-position: center;
    font-size: 58px;
    font-weight: bold;
    text-align: center;
    line-height: 100px;
    
    /*Critical properties*/
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

This Pen is owned by W3villa Technologies on CodePen.

See more by @W3villa on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.