您的位置：首页 > 其它

用视频代替背景图片制作酷炫网页

2015-07-09 15:17 239 查看
CSS代码(需要css3)

video {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
min-height: 100%;
min-width: 100%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index:-1;
}


HTML代码(需要Html5)

<body style="overflow:hidden">
<div>
<video autoplay loop poster="polina.jpg" >
<source src="video.mp4" type="video/mp4">

</video>
</div>
<div style="color: white">Hello  world</div>
<div>Hello  world</div>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航