朵拉 发表于 2025-1-10 20:45

多 年 后（学习马黑黑Walls效果）

本帖最后由 朵拉 于 2025-1-10 20:50 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/mod/button.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://pic1.imgdb.cn/item/67810df2d0e0a243d4f3181e.jpg') no-repeat center/cover; }
       
        #msvg { position: absolute; left: 26%; top: 48%; cursor: pointer; filter: drop-shadow(-5px -5px 10px black); animation: rot 8s linear infinite var(--state); }
       
        #fsbtn { bottom: 20px; }
</style>

<div id="tz" class="pa">
        <audio id="aud" src="https://file.uhsea.com/2501/9e7fc557ff0b8eb3001fe6568e5610f428.mp3" autoplay="" loop=""></audio>
       
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/07/17/17/27/27/video66978e7fb1c4d.mp4" autoplay loop muted></video>
        <div id="fsbtn" class="fsbtn"></div>
        <svg id="msvg" class="mplayer" width="100" height="100"></svg>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/button.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var dr = Dr.dr('msvg');
        var all = 30, a = 360 / all;
        dr.symbol('sym','-100 -100 200 200');
        for(var i = 0; i < all; i ++) {
                var c = Math.random().toString(16).substring(2,8)
                dr.path('M0 0 Q10 -100,80 0','none',`#${c}`,3).transform(`rotate(${i * a},0,0) translate(20)`).addTo('sym');
        }
        dr.use('#sym',0,0,100,100);
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

朵拉 发表于 2025-1-10 20:51

@马黑黑
老师 晚上好，学生交作业，请指正哈{:4_190:}

马黑黑 发表于 2025-1-10 21:06

{:4_199:}

梦油 发表于 2025-1-10 21:09

多年后，我真不知道我会是在哪里。

愤怒的葡萄 发表于 2025-1-10 21:16

动画挺棒的。

红影 发表于 2025-1-10 21:46

这小播被朵宝用得真漂亮。欣赏朵宝好帖{:4_199:}

小辣椒 发表于 2025-1-10 21:50

朵拉速度的这个我才看见黑黑分享教程，朵拉完成作业了{:4_199:}

小辣椒 发表于 2025-1-10 21:50

欣赏朵拉精彩的制作{:4_171:}

起个网名好难 发表于 2025-1-11 07:49

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

梦江南 发表于 2025-1-11 08:42

多年后，您是不是会记得我。{:4_204:}

辫子哥哥 发表于 2025-1-11 22:16

小朵拉也是好学生{:4_199:}
页: [1]
查看完整版本: 多 年 后（学习马黑黑Walls效果）