绿叶清舟 发表于 2023-5-24 21:22

梦回茶马


<css-doodle grid="6x1" id="mplayer">
        :doodle {
                @size: 1100px 700px;
                background: url('https://pic1.imgdb.cn/item/646e0e800d2dde57774bb9fa.jpg');
                box-shadow: 0 0 6px #000;
                position: relative;
                z-index: 1;
                margin: 0 0 0 calc(50% - 633px);
                --state: paused;
        }
        @size: @r(60,160)px;
        position: absolute;
        background: linear-gradient(@m3(rgb(@m3(@r(58)))));
        clip-path: @shape(
                points: 300;
                turn: 2;
                frame: 2;
                scale: .5;
                r: seq(.35, 10, .35);
        );
        border-radius: 50%;
        cursor: pointer;
        offset-path: path('M100 100 Q500 400 900 100');
        offset-distance: calc((@i - 1) * 20%);
        animation: rot 8s infinite linear var(--state);
        @keyframes rot { to { transform: rotate(360deg); } }
</css-doodle>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2035147095" autoplay="autoplay" loop="loop"></audio>

<script>
(function() {
        let script = document.createElement('script');
        script.src = '/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-24 21:25

好美的帖，欣赏梦回茶马，问好！{:4_185:}

马黑黑 发表于 2023-5-24 21:25

这个梦给力

醉美水芙蓉 发表于 2023-5-24 21:25

红影 发表于 2023-5-24 21:26

清舟也做出来了，这个背景非常有韵味，配上这些转动效果也很棒呢。给清舟点赞{:4_199:}

冬天的雨 发表于 2023-5-30 18:13

清舟图就大气，非常有气势的画面

冬天的雨 发表于 2023-5-30 18:14

只是这个古代的马匹，怎么配了个现代的小提琴美女{:4_170:}

冬天的雨 发表于 2023-5-30 18:14

清舟辛苦，冬雨又很久没有上来了{:4_203:}

绿叶清舟 发表于 2023-5-31 19:21

冬天的雨 发表于 2023-5-30 18:14
清舟辛苦，冬雨又很久没有上来了

还没忙完啊

绿叶清舟 发表于 2023-5-31 19:21

冬天的雨 发表于 2023-5-30 18:14
只是这个古代的马匹，怎么配了个现代的小提琴美女

美女在做梦了{:4_189:}

绿叶清舟 发表于 2023-5-31 19:31

梦缘 发表于 2023-5-24 21:25
好美的帖，欣赏梦回茶马，问好！

谢谢梦缘，晚上好

绿叶清舟 发表于 2023-5-31 19:31

马黑黑 发表于 2023-5-24 21:25
这个梦给力

梦到啥了

绿叶清舟 发表于 2023-5-31 19:31

红影 发表于 2023-5-24 21:26
清舟也做出来了，这个背景非常有韵味，配上这些转动效果也很棒呢。给清舟点赞

正好找到这个曲就做了个

绿叶清舟 发表于 2023-5-31 19:32

醉美水芙蓉 发表于 2023-5-24 21:25
欣赏清舟好贴！

谢谢芙蓉支持

红影 发表于 2023-5-31 21:51

绿叶清舟 发表于 2023-5-31 19:31
正好找到这个曲就做了个

这背景图也特别相配{:4_187:}

马黑黑 发表于 2023-6-1 07:19

绿叶清舟 发表于 2023-5-31 19:31
梦到啥了

忘记了

冬天的雨 发表于 2023-6-1 10:32

绿叶清舟 发表于 2023-5-31 19:21
还没忙完啊

瞎忙{:4_169:}

冬天的雨 发表于 2023-6-1 10:33

绿叶清舟 发表于 2023-5-31 19:21
美女在做梦了

梦回茶马 {:4_170:}
页: [1]
查看完整版本: 梦回茶马