本帖最后由 马黑黑 于 2025-9-2 22:35 编辑
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w4/92.webp') no-repeat center/cover; --ma-size: 15%; }
#ma { right: 20px; bottom: 20px; background: url('https://638183.freep.cn/638183/small/ying.png') no-repeat center/cover; }
#btnFs { left: 30px; bottom: 20px; color: #eee; border-color: currentColor!important; }
</style>
<div id="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=28465302" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/15653652/05/72/00/64a6342d05933.mp4" autoplay loop muted></video>
<div id="ma" class="brightness"></div>
<svg id="svg" width="100%" height="100%" viewBox="0 0 1600 900">
<defs>
<g id="svgShape" fill="white" stroke="snow">
<image x="0" y="0" width="70" height="70" href="https://638183.freep.cn/638183/small/2025/featherjpg.png" />
</g>
<path id="motionPath" d="M60 -200 L800 1200" />
</defs>
</svg>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/svglz_fs.js';
var setting = { svg: svg, lz: 20, dur: 12, gap: 600 };
FS(pa, ma, setting);
var uses = svg.querySelectorAll('use');
uses.forEach(u => u.style.setProperty('filter', `hue-rotate(${Math.random() * 360}deg)`));
</script>
|