怀旧金典 › 聊聊音乐 › 【夜の旋律】The Black (黑骑士)

素衣清浅 发表于 2025-6-11 23:10:52

【夜の旋律】The Black (黑骑士)

本帖最后由 素衣清浅 于 2025-6-11 23:13 编辑 <br /><br /><style>
#mydiv { margin: 0 0 0 calc(50% - 510px);
   width: 1100px;
   height: 700px;
top:130px;
background: lightblue url('http://p1.music.126.net/70mzifv7Cwngay41UPKchQ==/109951171293895743.jpg') no-repeat center/cover;
user-select: none;
overflow: hidden;
position: relative;
z-index: 3;}


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


#vid1 {
      position: absolute;      
      width:50%;
      height: 60%;
      right:40%;
      top:210px;
      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:-180px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: screen; //滤色
      z-index: 2;
      opacity: .90;
-webkit-mask: linear-gradient(to bottom, red 58%, transparent 63.5%, transparent 0);
-webkit-mask: radial-gradient(circle,silver, lightgreen, cyan, transparent,transparent);


}   


#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);

}


#vid5 {
      position: absolute;
      width: 100%;
      height: 80%;
                right:0%;
      top:250px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: screen;
      
      z-index: 2;
      opacity: .80;
-webkit-mask: linear-gradient(to top right, red 80%, transparent 0);
}      
         
</style>
<div id="mydiv">   <div class="mypic"><img src="https://www.shuzimusic.com/static/image/common/logo.png" alt=""></div>      
<video id="vid1" src="" autoplay="" loop="" muted=""></video>
<video id="vid2" src="" autoplay="" loop="" muted=""></video>
<video id="vid3" src="" autoplay="" loop="" muted=""></video>       
<video id="vid4" src="" autoplay="" loop="" muted=""></video>
<video id="vid5" src="https://st0.dancf.com/gaoding/gaoding/fe198d24-27b2-4ec3-aa5f-744e3d4ffd9f52991373.mp4" autoplay="" loop="" muted=""></video>        
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

素衣清浅 发表于 2025-6-11 23:11:34

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1997389846&auto=1&height=66"></iframe>

查看完整版本: 【夜の旋律】The Black (黑骑士)