小辣椒 发表于 2023-8-31 21:03

片片相思赋予谁 帖赠:虎妞


<style>
        #papa { margin: 120px 0 0 calc(50% - 600px); width: 1024px; height: 640px; background: url('https://wj.zp68.com/lxx/yunhua/2023/08/31/ss1.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; }
        li-zi { position: absolute; top: 100%; box-shadow: 0 0 12px 0 snow inset; border-radius: 50%; animation: drop var(--dur) var(--delay) infinite linear var(--state); }
        @keyframes drop { to { top: -100%; } }

#dt4{ position: absolute; width: 260px; height: 207px; top: 20%; left: 10%; }
#dt6{ position: absolute; width: 211px; height: 141px; top: 65%; left: 75%; }

</style>

<div id="papa">

    <img id="dt4" src="https://wj.zp68.com/lxx/yunhua/2023/08/31/fy.gif" alt="" />
    <img id="dt6" src="https://wj.zp68.com/lxx/yunhua/2023/08/31/chuan.gif" alt="" />

</div>
<audio id="aud" crossorigin="anonymous" src="https://aod.cos.tx.xmcdn.com/storages/9c77-audiofreehighqps/74/E9/GMCoOSUIvcs2ACAAAAJPFvLt.mp3" autoplay loop></audio>

<script>
       
(function() {
        let script = document.createElement('script');
        script.src = 'https://638183.freep.cn/638183/web/api/xypp_lrc.js';
        script.charset = 'utf-8';
        document.head.appendChild(script);
        let geci = [
                ,      
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
         ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        script.onload = () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: geci,
                        lrc_css: 'left: 38%; top: 60px; color: lightblue; --bg: linear-gradient(rgba(153,50,204,.15),rgba(153,50,204,.75));',
                        player_css: `
                               bottom: 20px;
                                --ww: 1024px;
                                --color1: purple;
                                --color2: lightblue;
                                --track: #aaa;
                        `,
                        pinpu: { size: 5, gap: 1},
               fs_css: 'background: DarkOrchid; color: GhostWhite;',
                        pinpu_num: 120,
                  
        });

};
        Array.from({length: 50}).forEach((item) => {
                item = document.createElement('li-zi');
                let size = 0 + Math.ceil(Math.random() * 0);
                item.style.cssText += `
                        --dur: ${10 + Math.random() * 10}s;
                        --delay: -${Math.random() * 10}s;
                        width: ${size}px;
                        height: ${size}px;
                        left: ${Math.random() * 100}%;
                        background: #${Math.random().toString(16).substr(-6)};
                `;
                papa.appendChild(item);
        });
})();

</script>

东篱闲人 发表于 2023-9-1 08:48

辫子哥哥 发表于 2023-9-1 06:45
怕吓的你反穿棉袄

不能,你来吧。。。{:4_172:}

小辣椒 发表于 2023-8-31 21:05

@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修养一段时间的,来个大大的{:4_179:}

小辣椒 发表于 2023-8-31 21:07

@马黑黑

谢谢黑黑,昨天下了就是看见这个教程然后就知道了。。。。

这个就是瑶族舞曲的响应式频谱效果,今天做了送好朋友的礼物了

马黑黑 发表于 2023-8-31 21:09

小辣椒 发表于 2023-8-31 21:07
@马黑黑

谢谢黑黑,昨天下了就是看见这个教程然后就知道了。。。。


虎妞坐船回来了{:4_199:}

小辣椒 发表于 2023-8-31 21:11

马黑黑 发表于 2023-8-31 21:09
虎妞坐船回来了

哈哈~~飞机转船的

马黑黑 发表于 2023-8-31 21:11

小辣椒 发表于 2023-8-31 21:11
哈哈~~飞机转船的

最后一公里飞机到不了{:4_170:}

小辣椒 发表于 2023-8-31 21:26

马黑黑 发表于 2023-8-31 21:11
最后一公里飞机到不了

刚好有条河,就用小船了

红影 发表于 2023-8-31 21:28

这个动画漂亮,响应式频谱也很漂亮,频谱和歌词以及全屏按钮的颜色都很协调。
欣赏亲爱的好帖,虎妞收礼开心{:4_187:}

小辣椒 发表于 2023-8-31 21:30

红影 发表于 2023-8-31 21:28
这个动画漂亮,响应式频谱也很漂亮,频谱和歌词以及全屏按钮的颜色都很协调。
欣赏亲爱的好帖,虎妞收礼开 ...

亲爱的,主要是黑黑的教程好,直接套用,就修改一下尺寸和颜色就可以了

虎妞 发表于 2023-8-31 21:39

小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...

来了,来了,刚嚎完歌儿,赶紧敢来收礼了,哈哈

虎妞 发表于 2023-8-31 21:43

小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...

亲爱哒,我不懂音画,就知道好看哈{:4_170:}

虎妞 发表于 2023-8-31 21:45

小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...

谢谢亲爱哒,我就上来一会儿哈,我会掌握好时间的,放心吧哈{:4_187:}

虎妞 发表于 2023-8-31 21:46

这歌儿好听,你的片片相思赋予我了,哈哈

辫子哥哥 发表于 2023-8-31 21:46

虎妞 发表于 2023-8-31 21:39
来了,来了,刚嚎完歌儿,赶紧敢来收礼了,哈哈

妞不听话,让你别回帖的,眼睛刚好还要保养的,都是小辣椒不好现在就发帖{:4_203:}

虎妞 发表于 2023-8-31 21:47

小辣椒 发表于 2023-8-31 21:07
@马黑黑

谢谢黑黑,昨天下了就是看见这个教程然后就知道了。。。。


亲爱哒,你太厉害了,一看就会,我都看不懂{:4_170:}

辫子哥哥 发表于 2023-8-31 21:48

小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...

明天发不行?

虎妞 发表于 2023-8-31 21:49

红影 发表于 2023-8-31 21:28
这个动画漂亮,响应式频谱也很漂亮,频谱和歌词以及全屏按钮的颜色都很协调。
欣赏亲爱的好帖,虎妞收礼开 ...

谢谢影子,晚上好{:4_187:}

虎妞 发表于 2023-8-31 21:50

小辣椒 发表于 2023-8-31 21:26
刚好有条河,就用小船了

真聪明啊

辫子哥哥 发表于 2023-8-31 21:51

虎妞 发表于 2023-8-31 21:45
谢谢亲爱哒,我就上来一会儿哈,我会掌握好时间的,放心吧哈

人家小辣椒发帖就走了,你也是快快下了去休息

虎妞 发表于 2023-8-31 21:51

马黑黑 发表于 2023-8-31 21:09
虎妞坐船回来了

这小船比飞机快,哈哈

问好黑黑,晚上好!
页: [1] 2 3 4
查看完整版本: 片片相思赋予谁 帖赠:虎妞