本帖最后由 马黑黑 于 2025-8-22 18:43 编辑
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 81px; --bg: #000 url('https://638183.freep.cn/638183/small/2025/dream.webp') no-repeat center/690px 690px; --ma-size: 20%; --opacity: 1; }
#pa::before { position: absolute; content: ''; inset: 0; background: url('https://638183.freep.cn/638183/web/svg/updwonballs.svg') no-repeat center/100% 100%; opacity: var(--opacity); transition: 1.2s; }
#btnFs { bottom: 30px; color: #eee; }
#lrc { right: 40px; top: 40px; color: #333; letter-spacing: 4px; writing-mode: vertical-lr; }
#lrc::before { width: 100%; height: 0; background: url('https://638183.freep.cn/638183/small/2025/uvjk01.webp') center; background-clip: text; }
@keyframes cover1 { from { height: 0; } to { height: 100%; } }
@keyframes cover2 { from { height: 0; } to { height: 100%; } }
</style>
<div id="pa">
<audio id="audio" src="https://music.163.com/song/media/outer/url?id=243704" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2418175/00/02/22/5b52de8ec8111.mp4" autoplay loop muted></video>
<svg id="ma" class="hue-rotate" viewbox="0 0 400 400"><title>ALT+X</title></svg>
</div>
<script type="module">
import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
var geci = [
[2.28,"何西 - 『黑光』",10.0],
[24,"音乐创作 - 三宝",8],
[33.95,"夜黑得没什么寻常",4.5],
[41.16,"夜黑得有一些冰凉",5.0],
[49.65,"丢失了你的我在游荡",7.5],
[63.18,"夜黑得没什么寻常",4.5],
[70.62,"夜黑得有一些慌张",5.0],
[78.77,"迷失自己的我在游荡",8.0],
[92.94,"空气中在弥漫着一种莫名味道",11.5],
[107.83,"来回徘徊街旁沉默的胡同",5.0],
[114.5,"在加剧城市陌生的恐慌",6.0],
[122.24,"我听到先民们的窃窃私语",5.0],
[129.61,"说灵魂是失修的城墙",4.5],
[137.07,"我看到先民们的梦游路过",4.5],
[144.15,"他们执着地走在地狱的边上",4.5],
[151.81,"啊黎明抱起我的肉体交流",5.1],
[159.31,"冰冷的赤色搁浅了生命的重量",5.0],
[166.32,"这赤色在转动 吞噬我巨大的能量",6.8],
[173.75,"目光凝聚黑色的光芒",4.5],
[225.71,"啊夜黑得没什么寻常",5.5],
[233.1,"啊夜黑得有一些慌张",5.0],
[241.67,"迷失自己的我在游荡",7.5],
[255.47,"空气中在弥漫着一种莫名味道",11.5],
[270.07,"来回徘徊街旁沉默的胡同",5.0],
[276.9,"在加剧城市陌生的恐慌",6.4],
[285,"我听到先民们的窃窃私语",4.5],
[292,"说灵魂是失修的城墙",5.0],
[299.23,"我看到先民们梦游路过",4.5],
[306.62,"他们执着地走在地狱的边上",4.5],
[314.36,"啊黎明抱我的肉体交流",5.1],
[321.48,"冰冷的赤色搁浅了生命的重量",5.0],
[328.77,"这赤色在转动 吞噬我巨大的能量",6.0],
[336.21,"目光凝聚黑色的光芒",5.0]
];
const dr = Dr.dr(ma);
var path = 'M60 60 C300 200, 220 -20, 200 185', tt = 20;
Array.from({length: tt}).forEach((_, k) => {
dr.path( path, 'none', '#9ad296', 8, 'round').transform(`rotate(${360 / tt * k}, 200, 200)` );
});
audio.onplaying = audio.onpause = () => pa.style.setProperty('--opacity', audio.paused ? '0' : '1');
FS(pa, ma);
lrc(pa, geci);
</script>
|
发表于 2025-8-22 12:36
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主
发表于 2025-8-22 14:27
