css3图像镂空文字特效

这是一款css3图像镂空文字特效。该css3图像镂空文字特效在一段很长的文字上，放置一张GIF动态，并使GIF动态嵌入文字中，非常炫酷。

使用方法

HTML代码

<p class="text">We're no strangers to love
            You know the rules and so do I
            A full commitment's what I'm thinking of
            You wouldn't get this from any other guy
            I just wanna tell you how I'm feeling......
</p>
		

CSS代码

p.text {
    font-size: 15px;
    text-align: justify;
    font-weight: bold;
    font-family: sans-serif;
    min-height: 100vh;
    max-width: 800px;
    margin: 0 auto;
    color: transparent;
    background: url(giphy.gif) center/cover;
    -webkit-background-clip: text;
    background-clip: text;
    word-spacing: 0px;
    letter-spacing: -1px;
}