雨声 发表于 2025-2-16 10:31:05

【雨声音画】把自己活成一束光（祝朋友们周末快乐！）

<style>
#mydiv { margin: 0 0 0 calc(50% - 990px);
display: grid;
place-items: center;
   width: 1800px;
   height:953px;
top:130px;
background: lightblue url('http://www.yhyhlt.com/data/attachment/forum/202502/16/102835np0griqfrirrnioh.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: 120%;
        top:-80px;
        object-fit: cover;
        pointer-events: none;
mix-blend-mode: soft-light;
        z-index: 2;
        opacity: .50;
}




#vid2 {
      position: absolute;
      width: 100%;
      height: 110%;
                right:0%;
      top:-80px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: screen;
      z-index: 2;
      opacity: .20;
}

#vid3 {
        position: absolute;
        width: 150%;
        height: 105%;
                      right:31%;
        top: 20px;
        object-fit: cover;
        pointer-events: none;
mix-blend-mode: screen; //滤色

        z-index: 2;
        opacity: .15;
}



#vid4 {
        position: absolute;
       
        width: 100%;
        height: 136%;
        top:-10px;
        object-fit: cover;
        pointer-events: none;
mix-blend-mode: screen;

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



<div id="mydiv">   <div class="mypic"><img src="" alt="" /></div>      
<video id="vid1" src="https://img.tukuppt.com/video_show/15653652/00/83/01/60f4f9bdd3fd7.mp4" 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>
</div>
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2149100223" autoplay loop></audio>
<br><br><br><br><br><br><br>

雨声 发表于 2025-2-16 10:31:34

祝朋友们周末快乐！{:1_155:}

雨声 发表于 2025-2-16 10:45:50

听歌{:6_174:}

玫の玫 发表于 2025-2-16 12:25:32

雨声 发表于 2025-2-16 10:45
听歌

好听,和姐一起听~~{:1_156:}

玫の玫 发表于 2025-2-16 12:27:08

画面质感处理精彩，
人美美美哒，
图图有味道
排字漂亮，
意境美美哒，
好帖点赞!1

玫の玫 发表于 2025-2-16 12:30:02

再赏雨儿姐精彩的创意，
意境唯美,
空间感好，
光色漂亮，
点赞不停!{:1_154:}{:1_154:}

欧阳风刀 发表于 2025-2-16 18:09:40

很是有特色，画面效果精彩！稀罕！

欧阳风刀 发表于 2025-2-16 18:14:30

雨声 发表于 2025-2-16 10:31
祝朋友们周末快乐！

周末愉快！{:1_155:}

绿蔷薇 发表于 2025-2-16 22:06:12

素材选的真好，处理的也棒，标题制作有个性，特效的添加点亮了整个画面，也突出了主题~~~{:5_130:}

绿蔷薇 发表于 2025-2-16 22:09:21

这首蛐蛐也好听
把自己活成一束光
很励志的说~~~~
{:S01:}
页: [1] 2
查看完整版本: 【雨声音画】把自己活成一束光（祝朋友们周末快乐！）