|
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa {
--offsetX: 81px;
--bg: url('https://638183.freep.cn/638183/small/2025/sha.webp') no-repeat center/cover;
--per: 15px;
--ma-size: 25%;
}
#ma { display: block; }
#btnFs { bottom: 20px; color: #eee; border-color: currentColor; }
</style>
<div id="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2639639788" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2629112/00/01/92/5b4d867a105c9.mp4" autoplay loop muted></video>
<svg id="ma" class="grayscale" viewbox="-200 -200 400 400"></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(ma);
var tt = 12, d = 'M0 0 L-30 -200 Q0 -50,30 -200, L0 0';
Array.from({length: tt}).forEach((_,k) => {
dr.path(d, 'cyan', 'teal', 2).transform(`rotate(${360/tt*k})`);
});
FS(pa, ma);
</script>
|