小辣椒 发表于 2023-8-13 20:34

国色 （学习黑黑完美主义效果）


<style>
#mydiv { margin: 30px auto; display: grid; place-items: center; width: 716px; height: 716px; background: lightblue url('https://wj.zp68.com/lxx/yunhua/2023/08/13/GI.gif') no-repeat center/cover; border-radius: 50%; user-select: none; overflow: hidden; position: relative; --state: running; }
#mydiv::before,#mydiv::after { position: absolute; left: 0px; top: 0px; content: '\1F343'; offset-path: path('M40,40 L700,700'); font-size: 30px; filter: drop-shadow(10px 10px pink); animation: move 20s var(--delay) infinite var(--state); --delay: 0s; }
#mydiv::after { filter: drop-shadow(10px 10px purple); --delay: -8s; }
@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://wj.zp68.com/lxx/yunhua/2023/08/13/02.mp3" autoplay loop></audio>

<script>
(function() {
    let script = document.createElement('script');
    script.src = 'https://wj.zp68.com/lxx/yunhua/2023/08/13/lineplayer_lrc.js';
    document.head.appendChild(script);
    window.onload = () => {
      HCPlayer({
            papa: '#mydiv',
            lrcAr: [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
                ,
        ,
        ,
        ,
                ,
        ,
                ,
       
],
            lrc_css: 'top: 540px;',
            player_css: `
                bottom: 50px;
                color: lightgreen;
                --prog: lightgreen;
                --btnpic: url('https://wj.zp68.com/lxx/yunhua/2023/08/13/GI.jpg') no-repeat center/cover
            `,
      });
    }
})();
</script>
<br><br>
<br>专辑下载：<br><br>**** Hidden Message *****</p><br>

小辣椒 发表于 2023-8-13 20:35

@马黑黑

黑黑套用学习做一次，js我自己上传了

马黑黑 发表于 2023-8-13 20:37

小辣椒 发表于 2023-8-13 20:35
@马黑黑

黑黑套用学习做一次，js我自己上传了

棒棒哒

醉美水芙蓉 发表于 2023-8-13 20:44

千羽 发表于 2023-8-13 20:47

来欣赏学习小辣椒的精美制作{:4_187:}

千羽 发表于 2023-8-13 20:50

本帖最后由 千羽 于 2023-8-13 20:55 编辑

好多的精美看点啊，慢慢看……{:4_187:}

千羽 发表于 2023-8-13 20:54

本帖最后由 千羽 于 2023-8-13 20:57 编辑

美图美乐，古韵味浓浓的，小辣椒的创意和制作都很棒啊{:4_187:}

花飞飞 发表于 2023-8-13 21:12

超级漂亮，中间有那些炫亮的星座，又是新的效果。。。真是完美。。{:4_187:}

小辣椒 发表于 2023-8-13 21:13

马黑黑 发表于 2023-8-13 20:37
棒棒哒

黑黑晚上好，谢谢黑黑的教程分享，套用玩一个

小辣椒 发表于 2023-8-13 21:13

醉美水芙蓉 发表于 2023-8-13 20:44
频谱漂亮！欣赏小辣椒佳作！

谢谢水芙蓉欣赏{:4_171:}

花飞飞 发表于 2023-8-13 21:13

这个贴子形状正好搭古风风格，绝配。。。。{:4_187:}

小辣椒 发表于 2023-8-13 21:14

千羽 发表于 2023-8-13 20:47
来欣赏学习小辣椒的精美制作

啊~~千羽晚上好，个发帖后离开了一下{:4_185:}

花飞飞 发表于 2023-8-13 21:14

小辣椒真是专业玩音乐的。。。厉害，还提供了下载。。。{:4_190:}

小辣椒 发表于 2023-8-13 21:15

千羽 发表于 2023-8-13 20:50
好多的精美看点啊，慢慢看……

这个小图怎么有你的图图看点多

小辣椒 发表于 2023-8-13 21:15

千羽 发表于 2023-8-13 20:54
美图美乐，古韵味浓浓的，小辣椒的创意和制作都很棒啊

这个是旧图，N年前玩的，现在想玩黑黑这个完美主义效果就用上了

小辣椒 发表于 2023-8-13 21:16

花飞飞 发表于 2023-8-13 21:12
超级漂亮，中间有那些炫亮的星座，又是新的效果。。。真是完美。。

飞飞好，这个就是频谱，这个图也是旧的{:4_189:}

千羽 发表于 2023-8-13 21:16

小辣椒 发表于 2023-8-13 21:15
这个小图怎么有你的图图看点多

我的图是一览无余，没有啥效果的{:4_181:}

马黑黑 发表于 2023-8-13 21:17

小辣椒 发表于 2023-8-13 21:13
黑黑晚上好，谢谢黑黑的教程分享，套用玩一个

{:4_190:}

红影 发表于 2023-8-13 21:18

好喜欢的敦煌美女的图图，还有这么好听的音乐已经绚丽的星座图。亲爱的制作太美了{:4_199:}

非常开心 发表于 2023-8-13 21:19

制作漂亮！欣赏老师的佳作！
页: [1] 2
查看完整版本: 国色 （学习黑黑完美主义效果）