Question

有没有办法在css中使用视频作为文本背景？我知道你可以使用图像和GIF使用

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

但是gif的质量太低了。

编辑：我希望这些字母成为视频，如果我表达自己错了，请抱歉。

Answer 1

您可以使用

执行此操作

＆＃13;

#one {
    position: absolute;
    min-height:100%;
    width:100%;
    z-index: -1;
}
div {
    position:relative;
}

＆＃13;

<div>
    <video id="one" autoplay poster="image.png">
        <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" type="video/webm">
    </video>
     <h1>Bunny is funny</h1>

    <p>Hello i love bunny and its not funny</p>
</div>

＆＃13;

z-index将使其落后于所有元素

如何在css中将视频用作文本背景

1 个答案: