雨声 发表于 2023-12-7 17:29

【雨声音画】人生旅途


<style>
      #papa { margin: 0 0 0 calc(50% - 903px); width: 1600px; height:800px; background: url('http://www.bohann.net/data/attachment/forum/202312/04/121750a3te06xmjxaj230z.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: 1170px; transform: rotateY(-180deg); }
      #papa > img { position: absolute; bottom: 0; left: 0; mix-blend-mode: screen; }
      #papa > img:nth-of-type(2) { left: 1170px; 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="https://music.163.com/song/media/outer/url?id=1964659136" 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: 20px;',
                        fs_css: 'color: lightblue; background: navy;',
                        player_css: `
                              bottom: 10px;
                              --discBg: radial-gradient(red,transparent), conic-gradient(red, magenta, blue, aqua, lime, yellow, red);
                              --discSize: 25px;
                              --hh: 50px;
                        `,
                        pinpu: {num: 160, size: 2, gap: 0, color1: 'blue', color2: 'lightblue'},
                });
      };
})();

</script>

雨声 发表于 2023-12-7 17:29

祝朋友们冬日安好，天天快乐！{:4_204:}

雨声 发表于 2023-12-7 17:30

感谢黑黑老师提供的代码，上茶！{:4_180:}

幸运草 发表于 2023-12-7 17:48

捡个沙发{:6_212:}

幸运草 发表于 2023-12-7 17:49

好漂亮滴制作吖{:6_228:}

千羽 发表于 2023-12-7 18:27

雨儿这图做得太漂亮了，明暗有致，背景质感，好喜欢啊{:4_187:}{:4_181:}

千羽 发表于 2023-12-7 18:30

标题很有新意，这样的文字排版和以往的都不一样，感觉挺好的，好好学习下{:4_181:}

千羽 发表于 2023-12-7 18:32

动图的添加给画面增辉，播放器也是美美哒{:4_187:}

千羽 发表于 2023-12-7 18:32

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

世外桃源 发表于 2023-12-7 18:42

问好美女，漂亮的图图，古色古香的箱子，老底子的味道{:4_199:}

世外桃源 发表于 2023-12-7 18:45

黑马帅的播放器制作漂亮，感觉缩小了尺寸，歌词时间遮档了

世外桃源 发表于 2023-12-7 18:45

欣赏雨声美女的精美制作{:4_199:}

世外桃源 发表于 2023-12-7 18:46

感谢雨声美女的分享，辛苦了

红影 发表于 2023-12-7 18:51

熟悉的播放器，很有韵味的制作。雨声姐的帖子总是那么唯美{:4_199:}

红影 发表于 2023-12-7 18:52

背景的制作和文字内涵相得益彰，真棒{:4_199:}

醉美水芙蓉 发表于 2023-12-7 19:32

页: [1]
查看完整版本: 【雨声音画】人生旅途