醉美水芙蓉 发表于 2025-1-21 21:53:19

【云画】重生

<style>
#mydiv { margin: 0 0 0 calc(50% - 931px);
display: grid;
place-items: center;
   width: 1700px;
   height: 956px;
top:130px;
background: lightblue url('https://bbs.cnzv.cc/up/upload/pic/12/20250121-cad125fb081a43b67a74ae567e529ea5.jpg') no-repeat center/cover;
box-shadow: 0px 0px 0px #DAA520;
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: 140%;
      top:-50px;
      object-fit: cover;
      pointer-events: none;
mix-blend-mode: screen; //
      z-index: 2;
      opacity: .50;
}




#vid2 {
      position: absolute;
      width: 60%;
      height: 60%;
                right:24%;
      top:-22px;
      object-fit: cover;
      pointer-events: none;
mix-blend-mode: screen; //滤色
      z-index: 2;
      opacity: .90;

    -webkit-mask: radial-gradient(circle,   cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent);
}

#vid3 {
      position: absolute;
      width: 80%;
      height:90%;
                        right:0%;
      top:0px;
      object-fit: cover;
      pointer-events: none;
mix-blend-mode: screen; //滤色
      z-index: 2;
      opacity: .85;
               -webkit-mask: radial-gradient(circle,silver, lightgreen, cyan, transparent,transparent,transparent);
}



#vid4 {
      position: absolute;
      
      width: 100%;
      height: 110%;
      top:-80px;
      object-fit: cover;
      pointer-events: none;
mix-blend-mode: screen; //滤色

      z-index: 2;
      opacity: .20;
}
</style>


<div id="mydiv">   <div class="mypic"><img src="" alt="" /></div>      
<video id="vid1" src="" autoplay="" loop="" muted=""></video>
<video id="vid2" src="https://img.tukuppt.com/video_show/2269348/00/01/88/5b4c9123c51dd.mp4" autoplay="" loop="" muted=""></video>
<video id="vid3" src="https://img.tukuppt.com/video_show/15653652/01/28/55/6292ea858a819.mp4" autoplay="" loop="" muted=""></video>
<video id="vid4" src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" autoplay="" loop="" muted=""></video>
</div>
   </div><audio id="aud" src="http://music.163.com/song/media/outer/url?id=573254754.mp3" autoplay loop></audio>   
<br><br><br><br><br><br><br><br>
</td></tr></table>

klxf 发表于 2025-1-21 23:33:04

新颖奇特，寓意深远，谢谢分享:)

醉美水芙蓉 发表于 2025-1-22 07:00:41

klxf 发表于 2025-1-21 23:33
新颖奇特，寓意深远，谢谢分享

是的，这张图片很奇特！
页: [1]
查看完整版本: 【云画】重生