玫瑰 发表于 2026-6-11 21:15

偶然~ 发表于 2026-6-11 19:24
没啥大心愿,就愿你像天上的云一样,风风雨雨都不怕,散了还能聚,黑了还能白,一辈子结结实实的。

文字语音魅力,精彩的分享。{:4_187:}

玫瑰 发表于 2026-6-12 12:47

云谈风轻,岁月安然

玫瑰 发表于 2026-6-12 12:47

云霞为笺,写满长空

玫瑰 发表于 2026-6-12 12:47

一片闲云,半日清欢

玫瑰 发表于 2026-6-12 12:48

一片云海翻腾,似是天空的无尽遐想

玫瑰 发表于 2026-6-12 12:48

天边那抹云,像是大自然最温柔的问候

玫瑰 发表于 2026-6-12 12:48

阳光洒落云层间,斑驳光影诉说着浪漫

玫瑰 发表于 2026-6-12 12:48

云朵悠悠,给天空之诗,每一缕都是自由的笔触

玫瑰 发表于 2026-6-12 12:48

云中世界

玫瑰 发表于 2026-6-12 12:49

云谈风轻

玫瑰 发表于 2026-6-12 12:49

云游四海

玫瑰 发表于 2026-6-12 12:49

云朵悠悠

玫瑰 发表于 2026-6-12 12:49

云开见日

玫瑰 发表于 2026-6-12 12:50

学习学习

玫瑰 发表于 2026-6-12 12:50

1.云谈风轻,岁月安然
2.云霞为笺,写满长空
3.一片闲云,半日清欢
4.一片云海翻腾,似是天空的无尽遐想
5.天边那抹云,像是大自然最温柔的问候
6.阳光洒落云层间,斑驳光影诉说着浪漫
7.云朵悠悠,给天空之诗,每一缕都是自由的笔触
8云中世界、云谈风轻、云游四海,云朵悠悠、云开见日

玫瑰 发表于 2026-6-12 18:23

本帖最后由 玫瑰 于 2026-6-12 18:37 编辑 <br /><br /><style>
        #pa {
                margin: 20px 0;
                position: relative;
                display: grid;
                place-items: center;
                left: calc(50% - var(--offsetX));
                transform: translateX(-50%);
                width: clamp(800px, 100vw, 1440px);
                height: clamp(450px, 56.25vw, 810px);
                box-sizing: border-box;
                background: #ccc url('https://img.wyc520.com.cn/data/attachment/forum/202606/09/152653oqao6axggagdijfk.jpg') no-repeat center/cover;
                box-shadow: 4px 6px 8px rgba(0,0,0,.6);
                --state: running;
                --offsetX: 81px;
        }
        #ma {
                position: absolute;
                width: 15vw;
                height: 15vw;
                background: tan url('https://638183.freep.cn/638183/small/envelop.jpg') no-repeat center/cover;
                border-radius: 50%;
                opacity: 0.7;
                box-shadow: 0 0 16px rgba(0,0,0,.35);
                transition: 1s;
                cursor: pointer;
                animation: rot 10s linear infinite var(--state);
        }
        #ma:hover { filter: invert(1); }
        #msvg { position: absolute; pointer-events: none; }
        #msvg rect { animation: move 18s var(--delay) linear infinite alternate var(--state), fade 1s var(--delay) linear infinite alternate var(--state); }
        #btnFs { bottom: 20px; color: snow; }
        @keyframes rot {
                to { transform: rotate(360deg); }       
        }
        @keyframes move {
                to { x : 0; y: 0; }
        }
        @keyframes fade {
                to { opacity: 0; }
        }
</style>

<div id="pa"><audio style="width:5px;height:4px;" controls="controls" autoplay="autoplay" loop="loop" src="https://hxhuxi.oss-cn-beijing.aliyuncs.com/aa1/3.mp3 " type="audio/mpeg"></audio>
       
        <div id="ma"></div>
        <svg id="msvg" width="100%" height="100%" viewBox="-80 -45 160 90"></svg>
</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 lzCount = 60;
        Array.from({length: lzCount}).forEach((_,idx) => {
                var x = Math.random() * 80 * (Math.random() > 0.5 ? 1 : -1),
                        y = Math.random() * 45 * (Math.random() > 0.5 ? 1 : -1),
                        s = Math.random() + 1,
                        d = Math.random() * -18,
                        c = '#' + Math.random().toString(16).substring(2,8);
                dr.rect(x,y,s,s,c,'none',0,'50%','50%').style(`--delay: ${d}s`);
        });

        FS(pa, ma);
</script>

玫瑰 发表于 2026-6-12 18:29

倾听音乐,感受音乐。

玫瑰 发表于 2026-6-12 21:31

本帖最后由 玫瑰 于 2026-6-12 21:33 编辑

云做伴

云做伴
叶看云
蓝天云
春看花
夏看云
秋看叶
冬看雪
页: 1 2 3 4 5 6 7 8 9 [10]
查看完整版本: 云做伴