朵拉 发表于 2023-10-31 20:19

零 落（马黑黑原创）

本帖最后由 朵拉 于 2023-10-31 20:40 编辑 <br /><br /><style>
#mydiv { margin: 0 0 0 calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 640px; background: lightblue url('https://pic.imgdb.cn/item/6540f1c3c458853aeffef70c.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#mydiv::before,#mydiv::after { position: absolute; left: 0px; top: 0px; content: '\1FAB6'; offset-path: path('M-20,-20 L1024,700'); font-size: 40px; animation: move 30s var(--delay) infinite var(--state); --delay: 0s; }
#mydiv::after { --delay: -15s; }
@keyframes move { from {offset-distance: 0%; transform: rotate(0deg); } to { offset-distance: 100%; transform: rotate(720deg); } }
</style>

<div id="mydiv"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1933175252" autoplay loop></audio>

<script>
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/pinpu_lrc.js';
document.head.appendChild(script);

(function() {
    let lrcAr = [ ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
    window.onload = () => {
      HCPlayer({
            papa: '#mydiv',
            lrcAr: lrcAr,
            lrc_css: 'right: 15px; top: 10px; --bg: linear-gradient(orange,red);',
            player_css: 'right: 15px; bottom: 10px; --track: #eee; --prog: red; --cap: silver;',
            pinpu: {num: 100, width: 3, height: 160, color: 'linear-gradient(to top, orange, red)'}
      });
    };
})();
</script>

朵拉 发表于 2023-10-31 20:42

@马黑黑
马师 晚上好，学生交作业，
帖子里的漂浮物料不见咯，
您看一看怎么改一改哈{:4_190:}

红影 发表于 2023-10-31 21:32

朵宝这个是套用的什么时候的帖子？好像全屏文字还是没修改过的原来的乱码{:4_173:}

马黑黑 发表于 2023-10-31 22:03

朵拉 发表于 2023-10-31 20:42
@马黑黑
马师 晚上好，学生交作业，
帖子里的漂浮物料不见咯，


播放器插件最新版本请访问：

http://mhh.52qingyin.cn/api/player/

小辣椒 发表于 2023-11-2 20:19

朵拉的原帖在这里，朵拉你去看看亦是金老师给你重新做了插件，那个出来效果完美了
页: [1]
查看完整版本: 零 落（马黑黑原创）