【漫步特效】一袖清风染暗香TO醉美水芙蓉
<style>#mydiv {
margin: 150px 0 10px calc(50% - 930px);
width: 1700px;
height: 850px;
background: lightblue url('https://i.uik.cc/view.php/ea41d3a1bc801939cf51bb8213493fcf.jpg') no-repeat center/cover;
box-shadow: 0px 0px 0px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 1;
}
#vid {
position: absolute;
width: 130%;
height: 130%;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
mask: linear-gradient(to top right, red 88%, transparent 0);
-webkit-mask: linear-gradient(to top right, red 88%, transparent 0);
z-index: 3;
opacity: .40;
}
#new-vid {
position: absolute;
top:0px;
left: 0;
width: 100%;
height: calc(100% + 100px);
object-fit: cover;
pointer-events: none;
z-index: 2;
opacity: 0.98;
mix-blend-mode: normal;
mask: none;
-webkit-mask: none;
}
#top-png {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
z-index: 5;
opacity: 1;
}
video::-webkit-media-controls {
display: none !important;
}
video {
-webkit-appearance: none;
}
</style>
<div id="mydiv">
<audio id="aud" src="https://joy3.jstools.net/uploads/mp3/202606/30/09256a431af958cb2861534.mp3" autoplay loop></audio>
<video id="new-vid" src="https://i.uik.cc/view.php/b4b4bbacb135e10a2f4989cfce0ddb72.mp4" autoplay loop muted playsinline></video>
<video id="vid" src="https://img2.tukuppt.com/video_show/2475824/00/02/17/5b53dc8fe9bca.mp4"autoplay="" loop="" muted=""></video>
<img id="top-png" src="https://i.uik.cc/view.php/9e385110f87b3a7d30514fe6a705497c.png" alt="PNG">
</div>
</td></tr></table>
漂亮~视频加载快一点会更好
页:
[1]