请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 0px; --bg: beige url('https://puui.qpic.cn/vpic_cover/x3500uwqj3d/x3500uwqj3d_1674481087_hz.jpg/1280') no-repeat center/cover; }
#ma { width: 100px; height: 100px; right: 120px; bottom: 130px; border-radius: 50%; background: url('https://638183.freep.cn/638183/small/yzvisj.png') no-repeat center/cover; }
#progress { position: absolute; width: 300px; height: 300px; right: 20px; bottom: 20px; }
#prog, #track { fill: none; stroke: rgba(100,100,0,0.2); stroke-width: 10; stroke-linejoin: round; stroke-linecap: round; transition: .15s; cursor: pointer; transform: rotate(30deg); }
#prog { stroke: yellow; }
#btnFs { left: 20px; 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=1372188429" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2629112/00/02/03/5b4f3c0b41744.mp4" autoplay loop muted></video>
<svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
<ellipse id="track" cx="0" cy="0" rx="130" ry="180" />
<ellipse id="prog" cx="0" cy="0" rx="130" ry="180" />
</svg>
<div id="ma" class="brightness"></div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
FS(pa, ma);
</script>
|