朵拉 发表于 2023-8-30 20:28

武家坡2021（马黑黑原创）

本帖最后由 朵拉 于 2023-8-30 20:32 编辑 <br /><br /><style>
      #papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://pic.imgdb.cn/item/64ef361d661c6c8e54bf383b.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(-180deg); }
      #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="https://music.163.com/song/media/outer/url?id=1891431677" 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: 30px;
                              --hh: 120px;
                        `,
                        pinpu: {num: 160, size: 2, gap: 0, color1: 'blue', color2: 'lightblue'},
                });
      };
})();

</script>

朵拉 发表于 2023-8-30 20:33

@马黑黑
马师 晚上好，学生交作业，请指正哈~~{:4_190:}

红影 发表于 2023-8-30 21:22

没放歌词么？{:4_173:}欣赏朵宝好帖{:4_204:}

小辣椒 发表于 2023-8-30 22:07

欣赏朵拉的精彩分享{:4_171:}

小辣椒 发表于 2023-8-30 22:07

是的，加歌词同步更加完美了

马黑黑 发表于 2023-8-30 22:35

好速度，好制作
页: [1]
查看完整版本: 武家坡2021（马黑黑原创）