枝条 发表于 2026-3-25 11:36

梦里花落知多少

<style>
#mydiv { margin: -10px0 100px calc(50% - 681px);;display: grid;place-items: center; width: 1600px; height: 4040px; top:130px;background: lightblue url('https://pic1.imgdb.cn/item/69c0bbf0dc921df82a0ab57f.jpg') no-repeat center/cover;box-shadow: 0px 0px 0px #000;user-select: none;overflow: hidden;position: relative;z-index: 3; }
.mypic { position: absolute;right:1060px;top:100px; cursor: pointer;mix-blend-mode: Multiply; z-index: 3;}
#vid1{position: absolute;width: 100%;height: 110%;top:-80px;object-fit:cover;pointer-events: none;mix-blend-mode: screen; z-index: 2;opacity: .58;}
#vid2 { position: absolute; width: 150%;height:100%; top:10px; object-fit: cover; pointer-events: none; mix-blend-mode: screen;z-index: 2;opacity: .15;}
#vid3 {position: absolute;width: 80%;height: 80%;right:-20%;top:320px;object-fit: cover;pointer-events: none;mix-blend-mode: screen; z-index: 2;opacity: .35;}
#vid4 {position: absolute;width: 120%;height: 136%;top:-30px;object-fit: cover;pointer-events: none;mix-blend-mode: screen;z-index: 2;opacity: .85;}

</style>

   <div id="mydiv"><div class="mypic"><img src="" alt=""></div>
<video id="vid1" src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2fd36a145_10s_big.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<video id="vid2" src="https://img.tukuppt.com/video_show/2418175/00/02/20/5b5201fe6cd3e_10s_big.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<video id="vid3" src="" autoplay="autoplay" loop="loop" uted="muted"></video>
<video id="vid4" src="https://img.tukuppt.com/video_show/15653652/01/2" autoplay="autoplay" loop="loop" muted="muted"></video>

<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2161531928" autoplay="" loop=""></audio>

<br><br><br><br><br>
<br><br><br><br><br>


</div></div>

杨帆 发表于 2026-3-25 15:03

漂亮~谢谢枝条精彩分享{:4_187:}

梦江南 发表于 2026-3-25 17:02

好漂亮的白玉兰，谢谢老师精彩分享。{:4_199:}
页: [1]
查看完整版本: 梦里花落知多少