梦江南 发表于 2025-8-26 17:30

陈瑞 —余生 （学习黑黑老师的黑光代码）


<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px; --bg: #000 url('https://img4.oldkids.cn/upload/2025/08/23/blog_260798238_20250823123026295.jpg') no-repeat center/1400px 780px; --ma-size: 15%; --opacity: 1; }
        #pa::before { position: absolute; content: ''; inset: 0; background: url('https://638183.freep.cn/638183/web/svg/updwonballs.svg') no-repeat center/100% 100%; opacity: var(--opacity); transition: 1.2s; }
#ma {
                left: 30px;
                top: 30px;
                background:
                       
                        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: #c8f1fe; }

        #btnFs { bottom: 30px; color: #eee; }
        #lrc { right: 40px; top: 40px; color: #333; letter-spacing: 4px; writing-mode: vertical-lr; }
        #lrc::before { width: 100%; height: 0; background: url('https://638183.freep.cn/638183/small/2025/uvjk01.webp') center; background-clip: text; }
        @keyframes cover1 { from { height: 0; }to { height: 100%; } }
        @keyframes cover2 { from { height: 0; }to { height: 100%; } }
</style>

<div id="pa">
        <audio id="audio" src="https://img1.oldkids.cn/upload/2025/08/26/blog_260798238_20250826111553577.mp3" autoplay loop></audio>
        <video class="pd-vid" src="https://video.699pic.com/videos/75/01/46/a_QDXaMzXux2MD1562750146_10s.mp4" autoplay loop muted></video>
        <svg id="ma" class="hue-rotate" viewbox="0 0 400 400"><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';
        import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';

        var geci = [
                   ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       

];

        const dr = Dr.dr(ma);

        var path = 'M60 60 C300 200, 220 -20, 200 185', tt = 20;

        Array.from({length: tt}).forEach((_, k) => {
                dr.path( path, 'none', '#9ad296', 8, 'round').transform(`rotate(${360 / tt * k}, 200, 200)` );
        });

        audio.onplaying = audio.onpause = () => pa.style.setProperty('--opacity', audio.paused ? '0' : '1');

        FS(pa, ma);
        lrc(pa, geci);
</script>

红影 发表于 2025-8-26 19:06

这小播图案配着转动粒子还挺好看的呢。
欣赏江南好帖{:4_199:}

红影 发表于 2025-8-26 19:08

制作漂亮，江南真棒{:4_187:}

杨帆 发表于 2025-8-26 19:42

漂亮！谢谢江南精彩分享{:4_187:}

小九 发表于 2025-8-26 20:14

欣赏美贴！ 特效也很好看呢{:4_187:}

梦油 发表于 2025-8-26 20:56

服装真漂亮。

梦江南 发表于 2025-8-27 07:01

红影 发表于 2025-8-26 19:06
这小播图案配着转动粒子还挺好看的呢。
欣赏江南好帖

早上问好，谢谢影子沙发欣赏支持鼓励。{:4_187:}

梦江南 发表于 2025-8-27 07:02

红影 发表于 2025-8-26 19:08
制作漂亮，江南真棒

谢谢影子鼓励。星期三了，过三就转弯。{:4_171:}

梦江南 发表于 2025-8-27 07:04

杨帆 发表于 2025-8-26 19:42
漂亮！谢谢江南精彩分享

早上好，谢谢杨帆欣赏支持。{:4_187:}

梦江南 发表于 2025-8-27 07:06

小九 发表于 2025-8-26 20:14
欣赏美贴！ 特效也很好看呢

问好小九版主，您回来了真好。谢谢欣赏。{:4_187:}

梦江南 发表于 2025-8-27 07:07

梦油 发表于 2025-8-26 20:56
服装真漂亮。

问好梦油，这是青花服装。谢谢欣赏，{:4_171:}

梦油 发表于 2025-8-27 10:55

梦江南 发表于 2025-8-27 07:07
问好梦油，这是青花服装。谢谢欣赏，

是啊，青花瓷也很美。

梦江南 发表于 2025-8-27 12:04

梦油 发表于 2025-8-27 10:55
是啊，青花瓷也很美。

这就是把青花瓷，放到美女身上了。

梦油 发表于 2025-8-27 14:55

梦江南 发表于 2025-8-27 12:04
这就是把青花瓷，放到美女身上了。

这样的设计妙极了。

梦江南 发表于 2025-8-27 15:24

梦油 发表于 2025-8-27 14:55
这样的设计妙极了。

喜欢青花瓷。谢谢夸张。

红影 发表于 2025-8-27 21:32

梦江南 发表于 2025-8-27 07:01
早上问好，谢谢影子沙发欣赏支持鼓励。

不客气啊，问好江南{:4_187:}

红影 发表于 2025-8-27 21:33

梦江南 发表于 2025-8-27 07:02
谢谢影子鼓励。星期三了，过三就转弯。

是啊，一周又要过完了{:4_173:}

梦江南 发表于 2025-8-28 17:18

红影 发表于 2025-8-27 21:32
不客气啊，问好江南

没有啊，是礼貌。{:4_204:}

梦江南 发表于 2025-8-28 17:19

红影 发表于 2025-8-27 21:33
是啊，一周又要过完了

我在想再二天你可以休息了。{:4_173:}

红影 发表于 2025-8-28 21:21

梦江南 发表于 2025-8-28 17:18
没有啊，是礼貌。

嗯嗯，知道了{:4_173:}
页: [1] 2 3 4
查看完整版本: 陈瑞 —余生 （学习黑黑老师的黑光代码）