醉美水芙蓉 发表于 2025-10-19 21:04:43

流云知我否

<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 0px; --bg: url('https://pic1.imgdb.cn/item/68f42a2d3203f7be007c3789.jpg') no-repeat center/cover; --ma-size: 20%; --rot: 0; }
        #pa::before { position: absolute; content: url('https://pic.imgdb.cn/item/643b26c20d2dde577712571d.gif');right: 40px; bottom: 20px;scale: 0.5; transform: rotate(var(--rot)); opacity: 0; transition: 1.6s; }
        #pa:hover::before { opacity: 1; scale: 1; }
        #ma { bottom: 50px; }
        #ma::after { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: repeating-conic-gradient(yellow, transparent, gold 10%), url('https://638183.freep.cn/638183/t22/gif/121.gif'); background-blend-mode: screen; clip-path: url(#svgPath); }
#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; -webkit-background-clip: text; }
        @keyframes cover1 { from { height: 0; }to { height: 100%; } }
        @keyframes cover2 { from { height: 0; }to { height: 100%; } }       
#btnFs { bottom: 20px; color: #eee; }
</style>

<svg width="0" height="0">
        <clipPath id="svgPath" clipPathUnits="objectBoundingBox">
                <path d="M1,0.5 Q0.484,0.5,0.879,0.826 Q0.484,0.5,0.574,1 Q0.484,0.5,0.227,0.94 Q0.484,0.5,0,0.674 Q0.484,0.5,0,0.326 Q0.484,0.5,0.227,0.06 Q0.484,0.5,0.574,0 Q0.484,0.5,0.879,0.174 Q0.484,0.5,1,0.5" />
        </clipPath>
</svg>
<div id="pa">
        <audio id="aud" src="https://www.joy127.com/url/136306.mp3" autoplay loop></audio>
        <video class="pd-vid" src="https://img.tukuppt.com/video_show/2269348/00/01/66/5b47f632c4864.mp4" autoplay loop muted></video>
        <div id="ma" class="sepia"></div>
</div>

<script type="module">
        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 = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

FS(pa, ma);
lrc(pa, geci);       
var clickNum = 0;
        const clickCircle = (e, r = 70) => {
                var cx = pa.clientWidth / 2 + 20, cy = pa.clientHeight / 2 - 40, px = e.offsetX, py = e.offsetY;
                return (cx - px) ** 2 + (cy - py) ** 2 < r ** 2;
        };
        pa.onmousemove = (e) => pa.style.cursor = clickCircle(e) ? 'pointer' : 'default';
        pa.onclick = (e) => {
                if (!clickCircle(e)) return;
                clickNum ++;
                pa.style.setProperty('--rot', clickNum + 'turn');
        };
</script>

klxf 发表于 2025-10-19 22:59:50

小狗狗可爱~谢谢醉美管理员精彩分享

醉美水芙蓉 发表于 2025-10-20 17:23:19

klxf 发表于 2025-10-19 22:59
小狗狗可爱~谢谢醉美管理员精彩分享

谢谢友友支持！
页: [1]
查看完整版本: 流云知我否