醉美水芙蓉 发表于 2025-10-8 22:17:15

想你一次落一粒沙

<style>
        @import 'https://638183.freep.cn/638183/web/css/tz02.css';
        #pa { --offsetX: 50px; --bg: tan url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/live/52602da367cbecaf5d1d6987bec92f41.jpg') no-repeat center/cover; }
        #progress { position: absolute; top: 15%; width: 10vw; height: 10vw; transition: .4s; }
        #progress:hover { transform: scale(2); }
        #g1 { cursor: pointer; fill: url(#grd); stroke: url('#grd'); stroke-width: 10; transform-box: fill-box; transform-origin: center; animation: rotate 8s linear infinite var(--state); }
        #g2 { cursor: pointer; fill: none; stroke: #ea9133; stroke-width: 10; stroke-linecap: round; }
        #prog { stroke: url(#grd); }
        #btnFs { bottom: 20px; color: white; border-color: currentColor !important; }
        @keyframes rot { to { transform: rotate(-360deg); } }
#lrc { --bg: linear-gradient(180deg,hsla(240,50%,20%,.20),hsla(240,50%,20%,.35)); position: absolute; left: 20%; bottom: 50px;font:normal 2.0em Microsoft YaHei; sans-serif; color:DarkCyan white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 1px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }
</style>

<div id="pa">
        <audio id="aud" src="https://www.joy127.com/url/135575.mp3" autoplay loop></audio>
        <video class="pd-vid" src="https://img.tukuppt.com/video_show/15653652/01/31/38/62d771d99618d.mp4" autoplay loop muted></video>
        <svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
                <g id="g1"><title>ALT+X</title></g>
                <g id="g2"><title>调节进度</title></g>
        </svg>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js?v=1.1';
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
        var geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        lrc(pa, geci);
       
        var dr = Dr.dr(progress);
        dr.gradient('linearGradient', {id: 'grd',x1: 0, x2:0, y1: 0, y2: 0.75}, [['red',0],['darkred',0.5],['plum',1]]);
        dr.polygon('15 0,-50 110,50 140,15 0').addTo(g1).rotates(7);
        dr.path('M190 0 A160 140 -30 0 1 -190 0 A160 140 -30 0 1 190 0').id('track').addTo(g2);
        dr.path('M190 0 A160 140 -30 0 1 -190 0 A160 140 -30 0 1 190 0').id('prog').addTo(g2);
       
        FS(pa, g1);
       
</script>

klxf 发表于 2025-10-9 22:40:35

漂亮！谢谢醉美管理员精彩分享

醉美水芙蓉 发表于 2025-10-10 20:28:20

klxf 发表于 2025-10-9 22:40
漂亮！谢谢醉美管理员精彩分享

谢谢友友鼓励！

hongmeigui 发表于 2025-10-16 20:04:49

支持！！！！前排！！！！
页: [1]
查看完整版本: 想你一次落一粒沙