朵拉 发表于 2025-8-21 20:10

怎么说我不爱你（学习马黑黑三角洲行动效果）

<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa {
                --offsetX: 81px;
                --bg:url('https://pic1.imgdb.cn/item/68a70a3658cb8da5c8412b2f.jpg') no-repeat center/cover,
                        url('https://638183.freep.cn/638183/web/svg/ball8path1.svg') no-repeat center/100% 100%;
                --ma-size: 20%;
                --mode: hue;
                background-blend-mode: var(--mode);
        }
        #ma {
                left: 30px;
                top: 30px;
                background:
                        url('https://638183.freep.cn/638183/web/svg/pl-white.svg') no-repeat center/cover,
                        url('https://638183.freep.cn/638183/web/svg/rotc.svg') no-repeat center/ 85% 85%;
                background-blend-mode: var(--mode);
        }
        #btnFs { left: 30px; bottom: 20px; color: #eee; }
</style>

<div id="pa">
        <audio id="aud" src="https://cccimg.com/view.php/a198d209880d92aa4ab006442d892a81.mp3" autoplay="" loop=""></audio>
        <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/05/13/15/34/24/video6822f600d53e8.mp4" autoplay loop muted></video>
        <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/07/17/14/23/45/video687896f19ba33.mp4" autoplay loop muted></video>
        <div id="ma" class="opacity"></div>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        FS(pa, ma);
        audio.onplaying = audio.onpause = () => {
                pa.style.setProperty('--mode', audio.paused ? 'normal' : 'hue');
        };
</script>

朵拉 发表于 2025-8-21 20:11

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

马黑黑 发表于 2025-8-21 20:55

朵拉 发表于 2025-8-21 20:11
@马黑黑
老师 晚上好，学生交作业，请指正

{:4_199:}

红影 发表于 2025-8-21 22:14

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

梦江南 发表于 2025-8-22 08:05

漂亮，欣赏学习。问好！{:4_199:}
页: [1]
查看完整版本: 怎么说我不爱你（学习马黑黑三角洲行动效果）