论坛 › 欢乐水吧 › 完美主义

马黑黑 发表于 2023-7-28 13:41

完美主义

<style>
#mydiv { margin: 30px auto; display: grid; place-items: center; width: 640px; height: 640px; background: lightblue url('https://638183.freep.cn/638183/t23/webp1/perfect.webp') 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 L600,600'); font-size: 40px; 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://music.163.com/song/media/outer/url?id=1983524772" autoplay loop></audio>

<script>
(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/lineplayer_lrc.js';
    document.head.appendChild(script);
    window.onload = () => {
      HCPlayer({
            papa: '#mydiv',
            lrcAr: [],
            lrc_css: 'top: 60px;',
            player_css: `
                bottom: 50px;
                color: lightgreen;
                --prog: lightgreen;
                --btnpic: url('https://638183.freep.cn/638183/t23/webp1/perfect.webp') no-repeat center/cover
            `,
      });
    }
})();
</script>

红影 发表于 2023-7-28 13:46

弄一个原图的缩略图做播放器按钮，构思真巧妙{:4_187:}

红影 发表于 2023-7-28 13:47

又一个上传好的封装。给黑黑点赞{:4_199:}

小辣椒 发表于 2023-7-28 16:44

美极了{:4_178:}

梦油 发表于 2023-7-28 16:53

手影做得妙。

一斛珠 发表于 2023-7-28 17:00

这画面设计的真漂亮

醉美水芙蓉 发表于 2023-7-28 17:28

马黑黑 发表于 2023-7-28 17:45

红影 发表于 2023-7-28 13:46
弄一个原图的缩略图做播放器按钮，构思真巧妙

这是以前玩过的东东

马黑黑 发表于 2023-7-28 17:46

红影 发表于 2023-7-28 13:47
又一个上传好的封装。给黑黑点赞

这个封装多时了

马黑黑 发表于 2023-7-28 17:47

醉美水芙蓉 发表于 2023-7-28 17:28
真完美！

下午好{:4_190:}

马黑黑 发表于 2023-7-28 17:47

小辣椒 发表于 2023-7-28 16:44
美极了

感谢支持

马黑黑 发表于 2023-7-28 17:47

一斛珠 发表于 2023-7-28 17:00
这画面设计的真漂亮

感谢支持！下午好{:4_190:}

马黑黑 发表于 2023-7-28 17:48

梦油 发表于 2023-7-28 16:53
手影做得妙。

是的，很美

红影 发表于 2023-7-28 19:00

马黑黑 发表于 2023-7-28 17:45
这是以前玩过的东东

而且叶子的倒影也很漂亮。

红影 发表于 2023-7-28 19:01

马黑黑 发表于 2023-7-28 17:46
这个封装多时了

这个制作非常漂亮。{:4_187:}

马黑黑 发表于 2023-7-28 19:17

红影 发表于 2023-7-28 19:01
这个制作非常漂亮。

还可以

马黑黑 发表于 2023-7-28 19:18

红影 发表于 2023-7-28 19:00
而且叶子的倒影也很漂亮。

倒影已经是叶子的组成部分，它们是一个整体，在手机里看效果更好

红影 发表于 2023-7-28 20:03

马黑黑 发表于 2023-7-28 19:17
还可以

做成圆形背景还挺好看的{:4_187:}

红影 发表于 2023-7-28 20:03

马黑黑 发表于 2023-7-28 19:18
倒影已经是叶子的组成部分，它们是一个整体，在手机里看效果更好

而且和手的倒影相互呼应{:4_173:}

小辣椒 发表于 2023-7-28 20:54

这个电脑欣赏更加漂亮。{:4_178:}

查看完整版本: 完美主义