玫瑰 发表于 2026-8-11 21:57

【玫瑰。图】我是不是该安静的离开

本帖最后由 玫瑰 于 2026-8-11 22:18 编辑 <br /><br />

<style>
#mydiv { --width: 1400px; margin: 130px 0 50px calc(50% - (var(--width) / 2 + 81px)); width: var(--width); height: 1800px; background: #eee url('https://img.wyc520.com.cn/data/attachment/forum/202608/11/221650c3dgd9ovt3vfzu77.jpg') no-repeat center/cover; box-shadow: 2px 2px 8px rgba(0,0,0,.7); overflow: hidden; z-index: 1; position: relative;}
.ball { position: absolute; width: 120px; height: 120px; background: url('https://642303.freep.cn/642303/za/shuijing300.png') no-repeat center/cover; border-radius: 50%; opacity: 1; transition: width .5s, height .5s, opacity .5s; cursor: pointer; offset-path: path('M880 60 Q1940 360,520 520'); offset-distance: 0; animation: 6s linear forwards;}
.ball:hover { width: 45px; height: 45px; opacity: .95; }
.ball:nth-of-type(1) { left: -30px; top: 0; animation-name: move1-1;mix-blend-mode: sereen;opacity: .55;}
.ball:nth-of-type(2) { left: -15px; top: 0; width: 280px; height: 280px;background: url('https://642303.freep.cn/642303/za/38477af75a9245ae9a27fb2a3fb33efa_tplv-obj_500_500.gif') no-repeat 50%/96%; offset-distance: 50%;mix-blend-mode: screen;}
#vid { position: absolute; width: 100%; height: 110%; top:-80px; object-fit: cover; mix-blend-mode: screen; pointer-events: none; opacity: .65;}
#vid { position: absolute; width: 100%; height: 115%; top:-80px; object-fit: cover; mix-blend-mode: screen; pointer-events: none; opacity: .65;}
@keyframes move1-1 {
        from { offset-distance: 0%; transform: rotate(720deg); filter: hue-rotate(0); }
        to { offset-distance: 50%; transform: rotate(0); filter: hue-rotate(360deg); }
}
@keyframes move1-2 {
        from { offset-distance: 50%; transform: rotate(0); filter: hue-rotate(360deg); }
        to { offset-distance: 0%; transform: rotate(720deg); filter: hue-rotate(0); }
}
@keyframes move2-1 {
        from { offset-distance: 50%; transform: rotate(720deg); filter: hue-rotate(0deg); }
        to { offset-distance: 100%; transform: rotate(0); filter: hue-rotate(360deg); }
}
@keyframes move2-2 {
        from { offset-distance: 100%; transform: rotate(0); filter: hue-rotate(360deg); }
        to { offset-distance: 50%; transform: rotate(720deg); filter: hue-rotate(0); }
}
#lrc{left: 15%;top: 80%;}#lrcc {right:15%;top: 90%;}
#lrc,#lrcc{--state: paused;--motion: cover2;--tt: 2s;--bg: linear-gradient(180deg, #880000, #880000);border:0px solid black;position: absolute;z-index: 2;font:normal 3em 华文隶书;color: #000078;white-space: pre;-webkit-background-clip: text;z-index: 20;filter:drop-shadow(#fff 1px 0 0)drop-shadow(#fff 0 1px 0)drop-shadow(#fff -1px 0 0) drop-shadow(#fff 0 -1px0);}
#lrcc::before,#lrc::before {position: absolute;content: attr(data-lrc);width: 20%;height: 100%;color: transparent;overflow: hidden;white-space: pre;background:repeating-linear-gradient(to right, #ff0000, lightgreen, snow, lightgreen, orange) 50%/200px 60px,var(--bg); -webkit-background-clip: text;animation: var(--motion) var(--tt) linear forwards;animation-play-state: var(--state);filter:drop-shadow(#000 1px 0 0)drop-shadow(#000 0 1px 0)drop-shadow(#000 -1px 0 0) drop-shadow(#000 0 -1px0);}
@keyframes cover1 {from {width: 0;}to {width: 100%;}}@keyframes cover2 {}
</style>

<div id="mydiv">
        <audio id="aud" src="https://music.1" autoplay="" loop=""></audio>
        <video id="vid" src="https://img.tukuppt.com/video_show/2269348/00/17/43/5ec47726d7a6a.mp4


" autoplay="" loop="" muted=""></video>

        <div id="b1" class="ball"></div>
        <div id="b2" class="ball"></div>
<div id="lrc" data-lrc=""></div>
<div id="lrcc" data-lrc=""></div>

</div>
<audio id="aud" src="https://upfile.mp3.wf/view.php/29b279b82f161dab5ef62a2ded2b42c1.mp3" autoplay="" loop=""></audio>



玫瑰 发表于 2026-8-11 21:58

https://img.wyc520.com.cn/data/attachment/forum/202608/11/212632n2hds1kks199w907.jpg

玫瑰 发表于 2026-8-11 21:59

当我听到这首歌曲，我喜欢聆听{:4_204:}

玫瑰 发表于 2026-8-11 21:59

{:4_204:}{:4_204:}{:4_204:}

玫瑰 发表于 2026-8-11 22:19

https://img.wyc520.com.cn/data/attachment/forum/202608/11/221650c3dgd9ovt3vfzu77.jpg

玫瑰 发表于 2026-8-12 09:07

倾听音乐，感受音乐

玫瑰 发表于 2026-8-12 09:08

秋风秋雨秋黄叶

玫瑰 发表于 2026-8-12 09:08

秋黄叶

红影 发表于 2026-8-12 10:17

又是飘飞的漂亮小球。制作漂亮，歌曲也好听，只是还是无法操作暂停。
很漂亮的制作，欣赏玫瑰好帖{:4_187:}

玫瑰 发表于 2026-8-12 10:49

红影 发表于 2026-8-12 10:17
又是飘飞的漂亮小球。制作漂亮，歌曲也好听，只是还是无法操作暂停。
很漂亮的制作，欣赏玫瑰好帖{:4_187: ...

操作暂停还不懂了，分享分享。{:4_204:}

梦江南 发表于 2026-8-12 12:36

很漂亮的图图，问好玫瑰！{:4_187:}

梦江南 发表于 2026-8-12 12:36

这首歌曲很好听。{:4_204:}

梦江南 发表于 2026-8-12 12:37

嗯，不走开是明智的选择。{:4_199:}

玫瑰 发表于 2026-8-12 12:52

梦江南 发表于 2026-8-12 12:36
很漂亮的图图，问好玫瑰！

问好江南，我也喜欢这首歌曲。

红影 发表于 2026-8-12 22:26

玫瑰 发表于 2026-8-12 10:49
操作暂停还不懂了，分享分享。

嗯嗯，那个倒无所谓，只要制作得漂亮就好{:4_187:}

玫瑰 发表于 2026-8-12 22:29

梦江南 发表于 2026-8-12 12:37
嗯，不走开是明智的选择。

这里人有才华，要在这里玩。{:4_204:}

玫瑰 发表于 2026-8-12 22:30

红影 发表于 2026-8-12 22:26
嗯嗯，那个倒无所谓，只要制作得漂亮就好

应该很难学的，一到难得地方，我就停住脚步了

玫瑰 发表于 2026-8-12 22:31

红影 发表于 2026-8-12 22:26
嗯嗯，那个倒无所谓，只要制作得漂亮就好

还有歌词同步也不懂运用，

玫瑰 发表于 2026-8-12 22:31

红影 发表于 2026-8-12 22:26
嗯嗯，那个倒无所谓，只要制作得漂亮就好

随意听一下吧！{:4_173:}
页: [1]
查看完整版本: 【玫瑰。图】我是不是该安静的离开