|
<style>
@import 'https://638183.freep.cn/638183/web/css/tz02.css';
#pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w5/gtr.webp') no-repeat center/cover; --ma-size: 15%; }
#ma { top: 20px; right: 30px; background: url('https://638183.freep.cn/638183/small/hh1.webp') no-repeat center/cover; filter: sepia(1); transition: .75s; }
#ma:hover { filter: unset; }
#btnFs { left: 30px; bottom: 30px; color: beige; border-color: currentColor!important; }
</style>
<div id="pa">
<audio id="audio" src="https://music.163.com/song/media/outer/url?id=2159401156" autoplay loop></audio>
<video class="pd-vid vid" src="https://img.tukuppt.com/video_show/2269348/00/14/17/5e1c8604a11da.mp4" autoplay loop muted></video>
<div id="ma">
<svg id="msvg" width="100%" height="100%" viewBox="-100 -100 200 200"></svg>
</div>
</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 tt = 10, path = 'M0 -30,-20 0,0 -95,20 0 Z';
Array.from({length: tt}).forEach((_,k) => {
dr.path(path, 'none', 'beige', 3).transform(`rotate(${360/tt*k})`);
});
FS(pa,ma);
</script>
|