视频背景banner

<div id="hero" class="video">
<video muted="muted" autoplay="autoplay" loop="loop">
<source src="https://oss.91zk.wang/zmt/2022/05/01/4703ff0b62b3e51e0556f9fdeef52b0f.mp4" type="video/mp4">
</video>
<div>
<video autoplay="" loop=""></video>
</div>
<div id="top">
<h1>91智库网
</h1>
<h2>有我就够
</h2>
<p style="font-size: 1px;opacity: 0.5;">那些无法击败我的，终将使我更加强大</p>
<div class="n-annniu">
<a href="" target="_blank" title="91智库网" rel="noopener">
<span class="b2font b2-weixiao-"></span>
91智库网
</a>
<a href="" target="_blank" title="91zkwang" rel="noopener">
<span class="b2font b2-biaoqing"></span>
91zk.wang
</a>
</div>
</div>
</div>
<style type="text/css">
#hero {
position: relative;
background-position: center;
background-size: cover;
background-color: #555;
margin: 0 0 20px;
text-align: center;
transition: 0.8s;
}
#hero.video video {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*文本*/
#top {
position: relative;
margin: 2em 8em 1em;
padding: 6em 2em;
}
#top h1,
#top h2 {
color: #ffffff;
}
#top h1 {
font-size: 12em;
}
#top h2 {
font-size: 16px;
line-height: 1.8em;
font-weight: bolder;
}
/*按钮*/
.n-annniu {
text-align: center;
padding-top: 2em;
}
.n-annniu a {
width: 240px;
margin: 0 15px;
display: inline-block;
color: #d33333;
border-radius: 6px;
font-size: 22px;
line-height: 53px;
background: #fff;
}
.home_row_0 .wrapper, .home_row_0 .wrapper .box {
width: 100%!important;
box-shadow: none;
}
</style>

以上是资料的部分预览内容，完整电子版购买后即可下载，或开通会员全站免费下载点击查看详情

这不是你想要的资料？那就去搜索看看！点击去搜索>>>