【玫瑰。图】听闻远方有你
本帖最后由 玫瑰 于 2026-8-4 09:48 编辑 <br /><br /><style>#mydiv { margin: 0 0 0 calc(50% - 991px);display: grid;place-items: center; width: 1800px; height: 1200px; top:130px;background: lightblue url('https://img.wyc520.com.cn/data/attachment/forum/202608/04/094303xez6xm8xz88h2vk5.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: 110%;top:-80px;object-fit:cover;pointer-events: none;mix-blend-mode: screen; z-index: 2;opacity: .70;}
#vid2 { position: absolute; width: 70%;height: 80%;right:-26%; top:0px; object-fit: cover; pointer-events: none; mix-blend-mode: screen;z-index: 2;opacity: .90;}
#vid3 {position: absolute;width: 80%;height: 80%;right:-20%;top:320px;object-fit: cover;pointer-events: none;mix-blend-mode: screen; z-index: 2;opacity: .85;}
#vid4 {position: absolute;width: 100%;height: 136%;top:-100px;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/2269348/00/14/66/5e5a2c53955d7.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<video id="vid2" src="" autoplay="autoplay" loop="loop" muted="muted"></video>
<video id="vid3" src="" autoplay="autoplay" loop="loop" muted="muted"></video>
<video id="vid4" src="https://img.tukuppt.com/video_show/15653652/01/35/14/6308598adc303.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<!--播放器插入位置-->
<style>
#mymuc {margin: 0 0 0 calc(50% -321px);width: 600px; height: 200px;left:-500px;top:150px;z-index: 1;position:relative;}
.mama { position: absolute; left: 350px; bottom: 90px; width:80px; height: 80px; cursor: pointer; animation: rot 8s linear infinite var(--state); }
.mama:nth-of-type(2) { right: 100px; bottom: 220px;}
e-son { position: absolute; left: calc(50% - 2.5px); top:6px; width: 40px; height: 50px; border-radius: 0% 100%; border: 3px solid hsla(var(--bg), 100%, 80%, .45); transform-origin: 100% 100%; transform: rotate(var(--deg)) translateY(-15px); background: hsla(var(--bg), 100%, 80%, .45); }
@keyframes move { to { bottom: 150px; } }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mymuc">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=267704.mp3" autoplay="autoplay" loop="loop"></audio>
<div class="mama" id="ma"></div>
</div>
<!--播放器结束位置-->
</div>
<br><br><br><br><br><br><br> 本帖最后由 玫瑰 于 2026-8-4 09:45 编辑
https://img.wyc520.com.cn/data/attachment/forum/202608/04/094303xez6xm8xz88h2vk5.jpg {:4_204:}{:4_204:}{:4_204:} 听闻远方有你 听闻远方 家乡 一家人 轻轻唱起 现在还是一家人 抗战是一家人 灌水也是一家人 来欣赏玫瑰的精品佳作！
音画太棒了！
音画唯美
背景歌声动听
制作大气磅礴
音画合一，音乐与画面结合完美
玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
期待玫瑰佳作频出！
感谢玫瑰支持花潮论坛，辛苦了！祝你开心幸福、阖家安康！
页:
[1]
2