【黑师代码】我在这里等你（赠：轻舞若芸）

花简静 · 发表于 2025-8-18 22:03

本帖最后由花简静于 2025-8-18 22:14 编辑

HUACHAO LRC

花简静 · 发表于 2025-8-18 22:03

本帖最后由花简静于 2025-8-18 22:16 编辑

<style>

@import 'https://638183.freep.cn/638183/web/css/tz01.css';

#pa { --offsetX: 0px;margin: 150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/10; --bg: none; --bg1: url('https://642303.freep.cn/642303/tu/20250818qwry00.webp') no-repeat center/cover; --ma-size:5%; --per: -2%; --a: 45deg; }

#pa::before { position: absolute; content: ''; inset: 0; background: var(--bg1); mask: conic-gradient(from var(--start), transparent var(--deg), red var(--deg) 0); }

#ma { left: 530px; top: 630px; background: repeating-conic-gradient(#bf7f4d,#b9984f, #bf7f4d 0.5deg); mask: url('https://642303.freep.cn/642303/za/01.png') no-repeat center/cover; -webkit-mask: url('https://642303.freep.cn/642303/za/01.png') no-repeat center/cover; opacity: .35; }

#lrc { position: absolute; bottom: 20px; color: #957044; font-size: 30px; font-weight: bold; text-shadow: 1px 1px 2px #333; opacity: .9; }

#btnFs { left: 20px; bottom: 20px; }

</style>

<div id="lrc">HUACHAO LRC</div>

</div>

import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';

import lrc from 'https://638183.freep.cn/638183/web/lrc/lrc_only.js';

var geci = `

[00:00.974]单曲：不在乎有没有以后

[00:01.844]歌手：安洛贤 / Steven / 樊音悦动

[00:02.686]所属专辑：不在乎有没有以后

[00:03.628]作词 : 安洛贤

[00:04.554]作曲 : 安洛贤

[00:05.402]制作人：朴桑松 Sunny@壹橙 Music/安洛贤

[00:06.350]OP/ SP：樊音悦动

[00:07.230]

[00:16.432]流星划过了天际

[00:24.042]只留下了无声的思绪

[00:32.334]你就是我心底的秘密

[00:37.712]我想要逃离回忆却泛起涟漪

[00:46.242]在那寒冷的夜里

[00:49.812]忘了如何呼吸

[00:53.386]脑海中的思绪

[00:56.674]全部都是你

[01:01.806]只要你握紧我的手

[01:06.174]不在乎有没有以后

[01:09.900]即便再一无所有

[01:12.630]还坚信着你是一整个宇宙

[01:16.548]流星坠落的时刻

[01:20.598]让我为你唱首歌

[01:24.438]那一定是最浪漫的时刻

[01:32.742]我希望你不要再回头

[01:34.700]忘掉这故事忘掉爱

[01:36.044]不在乎有没有以后

[01:38.08]回忆都清空不期待

[01:40.36]心像是漏了个大洞

[01:41.070]我怎么填都填不满

[01:43.372]你说你早已经受够

[01:45.74]我搞不懂不是不想懂

[01:46.114]你的离开在夜里

[01:49.526]我还是特别的想你

[01:51.218]看着你离开的飞机

[01:52.908]对你的感情突然就落地

[01:54.790]从此以后

[01:55.620]没了我的手臂当枕头你

[01:57.609]再没理由

[01:59.498]成为我无法再说的痛 Girl

[02:02.186]你的话不想懂

[02:04.180]你的爱不再留

[02:05.790]不在乎了你要求

[02:07.670]就算是没以后

[02:12.382]我不再握紧你手

[02:15.028]只要你握紧我的手

[02:19.418]不在乎有没有以后

[02:23.120]即便再一无所有

[02:26.368]还坚信着你是一整个宇宙

[02:30.756]流星坠落的时刻

[02:34.142]让我为你唱首歌

[02:38.82]那一定是最浪漫的时刻

[02:45.048]我也曾看过那遥远的星辰

[02:49.048]我破碎怎抵达梦里的纷飞

[02:53.556]如果我再呐喊

[02:55.896]你是否听见

[02:56.642]风吹过的那一页

[03:00.086]窗外又是电闪雷鸣像是爱在滑落

[03:02.892]也许我们早就说过爱都不分对错

[03:04.530]爱的伤不愈合

[03:05.732]也没有如果了

[03:06.286]我知道你不在乎以后就算我们爱过

[03:08.558]如果说说你能忘掉我

[03:09.888]忘掉我对你的好只剩爱的折磨

[03:12.144]那我也无话可说

[03:13.998]你就当我没来过

[03:17.404]流星坠落的时刻

[03:20.018]让我为你唱首歌

[03:23.138]那一定是最浪漫的时刻

`;

FS(pa, ma);

lrc(pa, geci);

var deg = 360, step = 5, picIdx = 0, raf;

var pics = [

'https://642303.freep.cn/642303/tu/20250818qwry00.webp',

'https://642303.freep.cn/642303/tu/20250818qwry01.webp',

'https://642303.freep.cn/642303/tu/20250818qwry02.webp'

];

ma.onanimationiteration = () => update();

function update() {

if (document.visibilityState === 'hidden') return;

picIdx ++;

const idx = (picIdx - 1) % pics.length;

const idx1 = picIdx % pics.length;

pa.style.setProperty('--start', Math.random() * 360 + 'deg');

pa.style.setProperty('--bg', `url(${pics[idx]}) no-repeat center/cover`);

pa.style.setProperty('--bg1', `url(${pics[idx1]}) no-repeat center/cover`);

animate();

}

function animate() {

if (deg < 0) {

cancelAnimationFrame(raf);

deg = 360;

} else {

deg -= step;

pa.style.setProperty('--deg', deg + 'deg');

raf = requestAnimationFrame(animate);

}

};

</script>

花简静 · 发表于 2025-8-18 22:03

本帖最后由花简静于 2025-8-18 22:08 编辑

@轻舞若芸
非常非常喜欢你的作品，也特别喜欢你在论坛里的回复，每次听到你那么轻轻的柔柔的问好，真是心都软了。
看到你这里活动，真的忍不住扬起嘴角的开心，因为你次次带来的都是惊喜。。
收到你的礼物有点意外，也非常开心。
今天做了一个三图转场效果，送你一起开心下哦。。