醉美水芙蓉 发表于 2025-1-24 12:53:35

青黛

<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/20250124-eeaf0f358b0ca2787afda280193fb702.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:400px;
    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: .50;
}




#vid2 {
      position: absolute;
      width: 80%;
      height: 90%;
                right:0%;
      top:-200px;
      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,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: .35;

}



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

      z-index: 2;
      opacity: .60;
      transform: rotateY(180deg);
}

</style>

<div id="mydiv">   <div class="mypic"><img src="http://qslt.net/data/attachment/forum/202403/01/163120oh4dffydzbc5hhqf.gif" alt="" /></div>      
<video id="vid1" src="//video.shipin520.com/videos/63/09/27/b_Pk2DXQ6ts11Q1558630927.mp4" 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/00/79/86/60c98c8146068.mp4" autoplay="" loop="" muted=""></video>

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

   </div><audio id="aud" src="" autoplay loop></audio>   

   

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

klxf 发表于 2025-1-24 14:18:54

有新意！谢谢醉美管理员精彩分享:)

醉美水芙蓉 发表于 2025-1-25 17:51:30

klxf 发表于 2025-1-24 14:18
有新意！谢谢醉美管理员精彩分享

这个图片很特别！

确认过眼神 发表于 2025-2-1 13:13:34

顶起很好的帖
页: [1]
查看完整版本: 青黛