朵拉 发表于 2025-8-29 12:03

我们的歌（学习马黑黑Club Gtr效果） TO：论坛朋友们七夕快乐！

<style>
        @import 'https://638183.freep.cn/638183/web/css/tz02.css';
        #pa { --offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/68b10f1e58cb8da5c85d7aa9.jpg') no-repeat center/cover; --ma-size: 11%; }
        #ma { top: 330px; right: 80px; background: url('https://638183.freep.cn/638183/small/hh1.webp') no-repeat center/cover; filter: sepia(1); transition: .75s; }
        #ma:hover { filter: unset; }
       
        #btnFs { left: 30px; bottom: 30px; color: beige; border-color: currentColor!important; }
       
        .title-text { right: 20px; top: 30px; font-size: 30px; writing-mode: vertical-rl; }
</style>

<div id="pa">
        <audio id="aud" src="https://cccimg.com/view.php/4e294957a0d9b72a78b61f3c2a63b6cc.mp3" autoplay="" loop=""></audio>
        <video class="pd-vid vid" src="https://img.tukuppt.com/video_show/15653652/01/33/69/62f0d6e506540.mp4" autoplay loop muted></video>
       
        <div class="title-text">我們的歌</div>
        <div id="ma">
                <svg id="msvg" width="100%" height="100%" viewBox="-100 -100 200 200"></svg>
        </div>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        var dr = Dr.dr(msvg);
        var tt = 10, path = 'M0 -30,-20 0,0 -95,20 0 Z';
        Array.from({length: tt}).forEach((_,k) => {
                dr.path(path, 'none', 'beige', 3).transform(`rotate(${360/tt*k})`);
        });
        FS(pa,ma);
</script>

朵拉 发表于 2025-8-29 12:05

@马黑黑
老师好，学生交作业 请指正，祝您七夕快乐{:4_204:}{:4_190:}

朵拉 发表于 2025-8-29 12:05

祝论坛朋友们 七夕节快乐{:4_204:}{:4_190:}

马黑黑 发表于 2025-8-29 12:07

谢谢

红影 发表于 2025-8-29 13:51

漂亮的制作。感谢朵宝的美好祝愿，也祝你七夕快乐{:4_187:}

梦油 发表于 2025-8-29 17:01

祝朵拉朋友七夕快乐!
页: [1]
查看完整版本: 我们的歌（学习马黑黑Club Gtr效果） TO：论坛朋友们七夕快乐！