css-doodle绘制光盘很简单

小辣椒

马黑黑 发表于 2023-5-4 21:42
你的缓存多了，应隔一段时间清除一下缓存

我有在清理的

马黑黑

小辣椒 发表于 2023-5-4 21:43
我有在清理的

那就应该不需要刷新的

小辣椒

马黑黑 发表于 2023-5-4 21:44
那就应该不需要刷新的

你是电脑专家

马黑黑

小辣椒 发表于 2023-5-4 21:47
你是电脑专家

要不就是你的网速偏慢或时段性偏慢

亦是金

[ 本帖最后由 亦是金 于 2023-5-4 22:29 编辑 ]\n\n马黑黑 发表于 2023-5-4 21:39
方便时试试
我试了。用你的屋后代码试做了一个！成功了！背景和歌曲用小辣椒的！

<css-doodle grid="1" id="mplayer">    :doodle {        margin: auto;        left: 50px;         bottom: -50px;        @size: 1024px 576px;        background: lightgreen url('https://xlaj.cn/assets/file/zp/20230503195607.gif') no-repeat center/cover;        position: relative;        box-shadow: 0 0 8px 0 #000;        pointer-evetns: none;        z-index: 2;        --state: paused;    }    @size: 80px;     @place: 9% 90%;    border-radius: 50%;    background: conic-gradient(red, orange, yellow, green, cyan, blue, purple);
    cursor: pointer;    pointer-events: auto;    animation: rot @pn(4s) infinite linear var(--state);    @keyframes rot { to { transform: rotate(360deg); } }</css-doodle>
<audio id="aud" src="https://xlaj.cn/assets/file/zp/20230426194536.mp3" autoplay loop></audio>

<script>(function() {        let script = document.createElement('script');        script.src = 'https://unpkg.com/css-doodle@0.34.9/css-doodle.min.js';        document.head.appendChild(script);        let mState = () => mplayer.style.setProperty('--state', aud.paused ? 'paused' : 'running');        aud.addEventListener('play', mState, false);        aud.addEventListener('pause', mState, false);        mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();})();</script>

马黑黑

亦是金 发表于 2023-5-4 22:26
[ 本帖最后由 亦是金 于 2023-5-4 22:29 编辑 ]\n\n马黑黑 发表于 2023-5-4 21:39
方便时试试
我试了。用 ...

恭喜

亚伦影音工作室

老师做的有色光盘漂亮，等有空我学学，不过用图片更简单！我特别喜欢用图片，可就怕地址失效！这个实用！

红影

又学习一个新函数@stripe() ，均匀变化的颜色和单色现实效果差异还是挺大的呢

红影

感谢黑黑的耐心讲解。css-doodle里的东西真多

马黑黑

红影 发表于 2023-5-5 11:54
感谢黑黑的耐心讲解。css-doodle里的东西真多

有时候会多到让人摸不着头脑

红影

马黑黑 发表于 2023-5-5 19:37
有时候会多到让人摸不着头脑

是的，需要一点点记住才行，否则就又迷糊了。

起个网名好难

用作饼状图蛮好

马黑黑

起个网名好难 发表于 2023-5-5 20:02
用作饼状图蛮好

这个绝对合适

马黑黑

红影 发表于 2023-5-5 20:02
是的，需要一点点记住才行，否则就又迷糊了。

上手了啥都清晰也清新起来

红影

马黑黑 发表于 2023-5-5 20:42
上手了啥都清晰也清新起来

哈哈，你把这两个词用这来了啊

马黑黑

红影 发表于 2023-5-5 21:32
哈哈，你把这两个词用这来了啊

挺清新的吧

红影

马黑黑 发表于 2023-5-5 21:34
挺清新的吧

非常地——清丽脱俗，哈哈

马黑黑

红影 发表于 2023-5-5 21:44
非常地——清丽脱俗，哈哈

甚好

红影

马黑黑 发表于 2023-5-5 22:06
甚好

说的是你啊，你还喊好