朵拉 发表于 2025-8-23 20:12

彩 虹（学习马黑黑History of Love）

<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px; --bg:url('https://pic1.imgdb.cn/item/68a9ac9258cb8da5c846c1c1.jpg') no-repeat center/cover, url('https://638183.freep.cn/638183/web/svg/updwonballs.svg') no-repeat center/100% 100%; --mode: hue; background-blend-mode: var(--mode); }
        #btnFs { right: 30px; bottom: 30px; color: #eee; }
        #msvg { position: absolute; left: 30px; bottom: 30px; cursor: pointer; animation: rotate 10s linear infinite var(--state); }
</style>

<div id="pa">
        <audio id="audio" src="https://music.163.com/song/media/outer/url?id=412902095" autoplay loop></audio>
        <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/05/13/15/25/20/video6822f3e0d18c7.mp4" autoplay loop muted></video>
        <svg id="msvg" class="hue-rotate" width="200" height="200"><title>ALT+X</title></svg>
</div>

<script type="module">
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        const dr = Dr.dr(msvg);
        Array.from({length: 7}).forEach((_,k) => {
                dr.polygon('100 100, 80 5, 100 20, 120 5','white','firebrick', 3).transform(`rotate(${360 / 7 * k} 100 100)`);
        });
        audio.onplaying = audio.onpause = () => {
                pa.style.setProperty('--mode', audio.paused ? 'normal' : 'hue');
        };
        FS(pa, msvg);
</script>

朵拉 发表于 2025-8-23 20:13

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

马黑黑 发表于 2025-8-23 20:43

帖子做的很漂亮。个性化的东东还是太少。

朵拉 发表于 2025-8-23 21:02

马黑黑 发表于 2025-8-23 20:43
帖子做的很漂亮。个性化的东东还是太少。

老师点评的是，学生手机制作，个性化元素少了些{:4_190:}

马黑黑 发表于 2025-8-23 21:04

朵拉 发表于 2025-8-23 21:02
老师点评的是，学生手机制作，个性化元素少了些

设备不是问题，或者，若是问题，既然可以做帖子，就可以克服事实存在的困难，做出有一定个性化的作品。

朵拉 发表于 2025-8-23 21:22

马黑黑 发表于 2025-8-23 21:04
设备不是问题，或者，若是问题，既然可以做帖子，就可以克服事实存在的困难，做出有一定个性化的作品。
好，学生琢磨琢磨，准备开辟一个新赛道哈{:4_190:}

马黑黑 发表于 2025-8-23 21:26

朵拉 发表于 2025-8-23 21:22
好，学生琢磨琢磨，准备开辟一个新赛道哈

条件可以的话入手一台计算机，笔记本也好，台式机也好，它会给你带来更多的可能

红影 发表于 2025-8-23 21:57

漂亮，欣赏朵宝好帖{:4_187:}

朵拉 发表于 2025-8-23 22:00

马黑黑 发表于 2025-8-23 21:26
条件可以的话入手一台计算机，笔记本也好，台式机也好，它会给你带来更多的可能

好，谢谢老师指点{:4_190:}{:4_204:}

马黑黑 发表于 2025-8-23 22:15

朵拉 发表于 2025-8-23 22:00
好，谢谢老师指点

{:4_190:}
页: [1]
查看完整版本: 彩 虹（学习马黑黑History of Love）