GIF text background

HTML

<div class="container">
    <div class="clipped">
        <h1>Clipped</h1>
    </div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);

.clipped {
    background: url(http://s3-ec.buzzfed.com/static/2014-07/18/8/enhanced/webdr04/anigif_enhanced-buzz-21129-1405685676-5.gif) no-repeat bottom center;
    color: #fff;
    background-size: 310px 120px;
    text-align: center;
    -webkit-text-fill-color: transparent; 
     -webkit-background-clip: text; 
}

h1 { font-family: Comic Sans MS, sans-serif; font-size: 5.8em; font-weight: 900 }