雨声 发表于 2023-12-14 12:29

【雨声音画】别知己


<style>
        #papa { margin: 120px 0 0 calc(50% - 930px); width: 1700px; height: 900px; background: url('https://www.bohann.net/data/attachment/forum/202312/12/213737ra3q95fqwzih9zta.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
        #papa::before, #papa::after { position: absolute; content: url('https://638183.freep.cn/638183/t22/gif/star.gif'); top: 0; left: 0; mix-blend-mode: screen; }
        #papa::after { left: 170px; transform: rotateY(-580deg); }
        #papa > img { position: absolute; bottom:0; left:0; mix-blend-mode: screen; }
        #papa > img:nth-of-type(2) { left: 170px; transform: rotateY(-180deg); }
</style>

<div id="papa">
        <img src="https://638183.freep.cn/638183/t22/gif/star.gif" alt="" />
        <img alt="" src="https://638183.freep.cn/638183/t22/gif/star.gif" />
</div>
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=1855963058.mp3" autoplay loop></audio>

<script>
       
(function() {
        let script = document.createElement('script');
        script.src = 'https://638183.freep.cn/638183/web/api/oscpp_lrc.js';
        script.charset = 'utf-8';
        document.head.appendChild(script);
        let geci=[
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        script.onload = () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: geci,
                        lrc_css: 'top: 800px;',
                        fs_css: 'color:Lavender; background: DarkGreen;',
                        player_css: `
                                bottom: 60px;
                                --discBg: radial-gradient(red,transparent), conic-gradient(red, magenta, blue, aqua, lime, yellow, red);
                                --discSize: 30px;
                                --hh: 120px;
                        `,
                        pinpu: {num:160, size: 2, gap: 0, color1: 'Lime', color2: 'BlueViolet'},
                });
        };
})();

</script>

雨声 发表于 2023-12-14 12:30

好听的歌分享给朋友们，祝朋友冬日安好，天天好心情！{:4_204:}

愤怒的葡萄 发表于 2023-12-14 12:35

雨声妹纸也来花潮论坛了。

世外桃源 发表于 2023-12-14 13:21

问好楼主，欣赏佳作{:4_187:}

世外桃源 发表于 2023-12-14 13:22

背景图质感厚实，耐看，本人好多年不玩音画了，想想放弃也是可惜的

世外桃源 发表于 2023-12-14 13:25

音乐好听，马帅的源码播放器{:4_178:}

世外桃源 发表于 2023-12-14 13:25

感谢分享{:4_187:}

红影 发表于 2023-12-14 14:19

漂亮的黑黑代码，背景制作很漂亮，字体设计也好。雨声姐的制图绝对很美{:4_199:}

侃大山 发表于 2023-12-14 17:58

漂亮，欣赏{:4_204:}

侃大山 发表于 2023-12-14 18:10

女声版的还是头一次听。

千羽 发表于 2023-12-14 19:22

好美的画面啊，动态图给画面增添了魅力，音乐也好听{:4_187:}

千羽 发表于 2023-12-14 19:22

问好雨儿，谢谢精彩分享啦{:4_187:}

醉美水芙蓉 发表于 2023-12-14 19:26

马黑黑 发表于 2023-12-14 19:44

欣赏佳作

小文 发表于 2023-12-14 21:32

高档

雨声 发表于 2023-12-15 15:05

愤怒的葡萄 发表于 2023-12-14 12:35
雨声妹纸也来花潮论坛了。

是的，又在这里相遇，还真是缘分，问好葡萄，周末快乐！{:4_204:}

雨声 发表于 2023-12-15 15:05

世外桃源 发表于 2023-12-14 13:21
问好楼主，欣赏佳作

问好老师，感谢欣赏支持{:4_180:}

雨声 发表于 2023-12-15 15:08

世外桃源 发表于 2023-12-14 13:22
背景图质感厚实，耐看，本人好多年不玩音画了，想想放弃也是可惜的

谢谢老师夸赞鼓励，我也是放弃了好多年，
最近才又拾起，闲时做做图，听听歌也是不错的
老师空时可以做做的{:4_180:}

雨声 发表于 2023-12-15 15:09

世外桃源 发表于 2023-12-14 13:25
音乐好听，马帅的源码播放器

是的，马老师的代码很好用，也好看，给图增添了不少光彩。

雨声 发表于 2023-12-15 15:10

世外桃源 发表于 2023-12-14 13:25
感谢分享

问好老师，感谢临帖，周末快乐！{:4_180:}
页: [1] 2
查看完整版本: 【雨声音画】别知己