亦是金 发表于 2025-12-19 22:57

《你是沙漠我是鱼》老韩很哇塞

本帖最后由 亦是金 于 2025-12-28 09:46 编辑 <br /><br /><meta charset="UTF-8">
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1969237">

<div style="width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -310px;">

<style>
#papa {
      margin: ; width: 1200px; height: 700px;top:-80px; LEFT: 0px;background: url('https://upfile.mp3.wf/view.php/432f9efcbb7b1eb2c44b24813f6daf3a.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
</style>

<div style="position: relative; width: 500px; height: 50px; top:650px;LEFT: 1000px;z-index: 100; filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:24px;">亦是金在线音乐</span></span></span></p></div>

<style type="text/css">

@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      margin: auto;
      width: 800px;
      text-align: center;
      font-family:微软简中圆;
      font-size: 2.8rem;
      font-weight: 400;
      color: #f46ff6;
      transform-origin: top;
      animation: yao 1.0s linear infinite alternate;
}

@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}



.tit { position: relative;width: 300px;height: 30px;top: -10px;LEFT: -300px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/

</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:30px;">《你是沙漠我是鱼》 </span>
<span style="color:#3d46f7;"><span style="font-size:22px;">   - 老韩很哇塞</span></div>

</style>



<div id="papa">
        <audio id="aud" src="https://s2.cldisk.com/sv-w8/audio/0e/8c/76/bc5689ff5969da398fa7d1b555dd139d/audio.mp3" autoplay loop></audio>
</div>

<script>
(function() {
        let loadJs = (url,callback) => {
                let body = document.querySelector('body'), jsNode = document.createElement('script');
                jsNode.charset = 'utf-8';
                jsNode.setAttribute('src', url);
                body.appendChild(jsNode);
                jsNode.onload = () => callback();
        };

      let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
                js1 = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';

let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        loadJs(rippleJs, () => rippleEffect(papa));

        loadJs(js1, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'bottom: 20px; --bg: linear-gradient(40deg, #fa4354, #fa4354, #7718f8, #18f5f8, #f5f818, #b75004); color: #eee;',
                        fs_css: 'transform: translate(0,-35px); background: transparent;',
                        player_css: 'width: 250px; height: 350px;top: 35%; left: 75%; ',
                        path: 'm96,3.59676c-41.378,0 -74.90323,35.53935 -74.90323,79.40323s33.52524,79.40323 74.90323,79.40323s74.90323,-35.53935 74.90323,-79.40323s-33.52524,-79.40323 -74.90323,-79.40323zm-47.5998,56.22261c2.0236,-5.63507 8.06418,-8.54865 13.56111,-7.01182l2.14441,0.60833l0.60406,-2.27324c1.51015,-5.79516 6.88626,-9.89339 12.53421,-8.93286c6.46342,1.08859 10.3898,7.74822 8.69844,14.24776l-5.85937,22.38018c-0.36243,1.44078 -1.78197,2.30526 -3.17131,1.92105l-21.20245,-5.82717c-6.16139,-1.72894 -9.63473,-8.64471 -7.30911,-15.11223zm47.5998,79.5313c-18.30297,0 -40.62292,-12.26268 -43.43179,-29.87226c-0.60406,-3.77806 2.77867,-6.88375 6.252,-5.73112c9.12128,3.10569 22.68239,4.86665 37.17979,4.86665s28.05851,-1.76096 37.17979,-4.86665c3.44313,-1.15263 6.82586,1.95306 6.252,5.73112c-2.80887,17.60959 -25.12883,29.87226 -43.43179,29.87226zm40.29069,-64.45109l-21.20245,5.82717c-1.35913,0.38421 -2.77867,-0.48026 -3.17131,-1.92105l-5.85937,-22.38018c-1.69136,-6.49954 2.23502,-13.15916 8.69844,-14.24776c5.61774,-0.96052 10.99386,3.13771 12.53421,8.93286l0.60406,2.27324l2.14441,-0.60833c5.49693,-1.50482 11.53751,1.37675 13.56111,7.01182c2.32562,6.49954 -1.14771,13.4153 -7.30911,15.11223z',
                        btn: {left: 33, top: 75},
                        track: {track: '#f4fd05', prog: '#fb0925'},
                        img: {play: 'https://pic.imgdb.cn/item/65212a5ac458853aef566925.png', pause: 'https://pic.imgdb.cn/item/65212a6bc458853aef566b8e.png'}
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 7,
                        size: {width: 45, height: 45},
                        shape: {background: 'url("https://www.emojiall.com/images/animations/joypixels/64px/smiling_face_with_heart_eyes.gif") no-repeat center/cover', borderRadius: '50'},
                        ani: 'toBottom',
                        maxTime: 30,
                        offset: {x: -150, y: 30},
                });
        });
})();

</script>
</td></tr></table>

梦江南 发表于 2025-12-20 08:04

早上好,欣赏老师精美的音画,画面漂亮、歌曲好听。{:4_187:}

亦是金 发表于 2025-12-20 09:10

梦江南 发表于 2025-12-20 08:04
早上好,欣赏老师精美的音画,画面漂亮、歌曲好听。

问好梦江南!谢谢欣赏!{:4_180:}

梦油 发表于 2025-12-20 11:09

美女好养眼啊!

红影 发表于 2025-12-20 11:38

这样的进度条和粒子的做法,以及摇摆字,是很前面教的,我都快忘了,亦是金老师还用得这么好{:4_199:}

红影 发表于 2025-12-20 11:38

欣赏亦是金老师好帖{:4_199:}

霜染枫丹 发表于 2025-12-20 14:41

问好亦是金,这个制作真是金!!笑脸的造型匠心独运,谁打开帖子首先都是高兴地笑,细节精致,太有创意了!!

欣赏佩服!祝冬安!{:4_204:}{:4_199:}{:4_178:}

亦是金 发表于 2025-12-20 15:44

梦油 发表于 2025-12-20 11:09
美女好养眼啊!

问好梦油!谢谢欣赏!{:4_180:}

亦是金 发表于 2025-12-20 15:48

红影 发表于 2025-12-20 11:38
这样的进度条和粒子的做法,以及摇摆字,是很前面教的,我都快忘了,亦是金老师还用得这么好

问好红影!{:4_187:}谢谢欣赏!你谦虚了,说的我脸红!{:4_197:}

亦是金 发表于 2025-12-20 15:49

红影 发表于 2025-12-20 11:38
欣赏亦是金老师好帖

谢谢夸奖!{:4_204:}

亦是金 发表于 2025-12-20 15:50

霜染枫丹 发表于 2025-12-20 14:41
问好亦是金,这个制作真是金!!笑脸的造型匠心独运,谁打开帖子首先都是高兴地笑,细节精致,太有创意了! ...

问好老师!谢谢欣赏夸奖点赞!{:4_180:}

梦油 发表于 2025-12-20 16:41

亦是金 发表于 2025-12-20 15:44
问好梦油!谢谢欣赏!

亦是金朋友别客气。

亦是金 发表于 2025-12-20 18:53

梦油 发表于 2025-12-20 16:41
亦是金朋友别客气。

{:4_180:}

小九 发表于 2025-12-20 19:43

特效用得好! 歌声和曲调很有节奏感{:4_180:}
页: [1]
查看完整版本: 《你是沙漠我是鱼》老韩很哇塞