片片相思赋予谁 (Live合唱版)
<style>#papa { margin: 120px 0 0 calc(50% - 515px); width: 1024px; height: 640px; background: url('https://wj.zp68.com/lxx/yunhua/2023/08/31/ss1.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
li-zi { position: absolute; top: 100%; box-shadow: 0 0 12px 0 snow inset; border-radius: 50%; animation: drop var(--dur) var(--delay) infinite linear var(--state); }
@keyframes drop { to { top: -100%; } }
#dt4{ position: absolute; width: 260px; height: 207px; top: 20%; left: 10%; }
#dt6{ position: absolute; width: 211px; height: 141px; top: 65%; left: 75%; }
</style>
<div id="papa">
<img id="dt4" src="https://wj.zp68.com/lxx/yunhua/2023/08/31/fy.gif" alt="" />
<img id="dt6" src="https://wj.zp68.com/lxx/yunhua/2023/08/31/chuan.gif" alt="" />
</div>
<audio id="aud" crossorigin="anonymous" src="https://aod.cos.tx.xmcdn.com/storages/9c77-audiofreehighqps/74/E9/GMCoOSUIvcs2ACAAAAJPFvLt.mp3" autoplay loop></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/xypp_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: 'left: 38%; top: 60px; color: lightblue; --bg: linear-gradient(rgba(148,0,211,.15),rgba(148,0,211,.55));',
player_css: `
bottom: 20px;
--ww: 1024px;
--color1: purple;
--color2: lightblue;
--track: #aaa;
`,
pinpu: { size: 5, gap: 1},
fs_css: 'background: DarkOrchid; color: GhostWhite;',
pinpu_num: 120,
});
};
Array.from({length: 50}).forEach((item) => {
item = document.createElement('li-zi');
let size = 0 + Math.ceil(Math.random() * 0);
item.style.cssText += `
--dur: ${10 + Math.random() * 10}s;
--delay: -${Math.random() * 10}s;
width: ${size}px;
height: ${size}px;
left: ${Math.random() * 100}%;
background: #${Math.random().toString(16).substr(-6)};
`;
papa.appendChild(item);
});
})();
</script>
同一个艾特前面2位发过这首歌的 小辣椒 发表于 2023-9-4 22:06
同一个艾特前面2位发过这首歌的
我帮你吧 @admin @bgmnet
小辣椒同一首了 {:5_123:}
{:5_132:}
{:5_123:}
频谱漂亮 liumang 发表于 2023-9-5 12:04
频谱漂亮
谢谢欣赏 小辣椒 发表于 2023-9-7 14:28
谢谢欣赏
{:5_141:}
页:
[1]