醉美水芙蓉 发表于 2025-4-27 21:58:50

【云画】致我们逝去的青春

<style>
#mydiv { margin: 0 0 0 calc(50% - 931px);
   width: 1700px;
   height: 956px;
top:130px;
background: lightblue url('https://bbs.cnzv.cc/up/upload/pic/12/20250427-8338e68069100d55969f9346ffd56391.jpg') no-repeat center/cover;
user-select: none;
overflow: hidden;
position: relative;
z-index: 3;}


.mypic {
position: absolute;
right: 350px;
top: 300px;
cursor: pointer;
mix-blend-mode: Multiply;
z-index: 3;
}


#vid1 {
      position: absolute;      
      width:40%;
      height: 40%;
      right:15%;
      top:-60px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: color-dodge; //颜色减淡
      z-index: 2;
      
-webkit-mask: radial-gradient(circle,silver, lightgreen, cyan, transparent,transparent,transparent);
}

#vid2 {
      position: absolute;      
      width:26%;
      height: 26%;
      right:36%;
      top:620px;
      object-fit: cover;
      pointer-events: none;
mix-blend-mode: screen; //滤色
      z-index: 2;
-webkit-mask: radial-gradient(circle,silver, lightgreen, cyan, transparent,transparent,transparent);

}

#vid3 {
      position: absolute;      
      width: 100%;
      height: 110%;
         right:0%;
      top:-80px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: screen; //滤色
      z-index: 2;
      opacity: .90;
      transform: rotateY(180deg);

}   


#vid4 {
position: absolute;
      width: 35%;
      height: 45%;
      right:50%;
      top:400px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: screen; //滤色
      z-index: 2;
-webkit-mask: linear-gradient(to top right, red 88%, transparent 0);

}
</style>


<div id="mydiv"><img id="dt" src="" alt="" style="position: absolute; width: 180px; top:670px;                         right:62%;" />
<video id="vid1" src="https://video.699pic.com/videos/80/78/90/a_gXPEAH4VSuId1554807890_10s.mp4" autoplay="" loop="" muted=""></video>
<video id="vid2" src="https://video.699pic.com/videos/45/31/42/b_CwcFWFg6qsZJ1540453142_10s.mp4" autoplay="" loop="" muted=""></video>
<video id="vid3" src="" autoplay="" loop="" muted=""></video>
<video id="vid4" src="" autoplay="" loop="" muted=""></video>
</div>
      <audio id="aud" src="https://www.eev3.com/plug/down.php?ac=music&id=dscvkwm&k=320kmp3" autoplay loop></audio>
      

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

</td></tr></table>

klxf 发表于 2025-4-28 18:17:52

制作漂亮，谢谢分享:)

wjlst 发表于 2025-4-30 18:27:58

制作漂亮!支持点赞！老师辛苦了！

醉美水芙蓉 发表于 2025-5-1 21:28:24

klxf 发表于 2025-4-28 18:17
制作漂亮，谢谢分享

谢谢友友支持！

醉美水芙蓉 发表于 2025-5-1 21:28:48

wjlst 发表于 2025-4-30 18:27
制作漂亮!支持点赞！老师辛苦了！

谢谢老师光临！

fushunshifu 发表于 7 天前

支持！！！！！！
页: [1]
查看完整版本: 【云画】致我们逝去的青春