文章转自Npcink。
<div id="hero" class="video">
<video muted="muted" autoplay="autoplay" loop="loop">
<source src="https://cdn.getimg.net/npc/2020/file/page/1023/video/video-file.mp4" type="video/mp4">
</video>
<div>
<video autoplay="" loop=""></video>
</div>
<div id="top">
<h1>Npcink
</h1>
<h2>Npcink收录国内外优秀的WordPress、Typecho主题、插件和教程,建站不愁,有我就够
</h2>
<p style="font-size: 1px;opacity: 0.5;">那些无法击败我的,终将使我更加强大</p>
<div class="n-annniu">
<a href="https://www.npc.ink/wordpress-page" target="_blank" title="WordPress">
<span class="b2font b2-weixiao-"></span>
WordPress
</a>
<a href="https://www.npc.ink/typecho-page" target="_blank" title="Typecho">
<span class="b2font b2-biaoqing"></span>
Typecho
</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>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。