任夏 - 如果你把我灌醉 (学习黑黑Lyria响应式频谱效果)
<style>
#papa { margin: 150px 0 0 calc(50% - 781px); width: 1400px; height: 733px; background: url('https://pic.imgdb.cn/item/64eda499661c6c8e541990e5.jpg') 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 15px 0 lightgreen inset; border-radius: 50% 50% 25% 50%; transform: rotate(45deg); animation: fly var(--dur) var(--delay) infinite linear var(--state); }
@keyframes fly { to { top: -100%; } }
</style>
<div id="papa"></div>
<audio id="aud" crossorigin="anonymous" src="https://aod.cos.tx.xmcdn.com/storages/a4fb-audiofreehighqps/F6/B6/GKwRIDoIgO36ACAAAAI12ZHe.mp3" autoplay></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/xyosc_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci =[ ,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: `
left: 55%;
top:100px;
color: AliceBlue;
--bg: linear-gradient(rgba(0,0,255,.15),rgba(0,0,255,.45));
`,
player_css: `
bottom: 6%;
left: 25%;
--ww: 700px;
`,
pinpu: { size: 2, gap: 1, color1: 'rgba(0,0,255,.5)', color2: 'Snow'},
});
};
Array.from({length: 50}).forEach((item) => {
item = document.createElement('li-zi');
let size = 15 + Math.ceil(Math.random() * 20);
item.style.cssText += `
--dur: ${20 + Math.random() * 10}s;
--delay: -${Math.random() * 20}s;
width: ${size}px;
height: ${size}px;
left: ${Math.random() * 100}%;
background: #${Math.random().toString(16).substr(-6)};
`;
papa.appendChild(item);
});
})();
</script> 中午看见，晚上吃完饭套用一个，感觉这个频谱也是特别的漂亮 @马黑黑
你速度也是太快了，晚上上来又一个光盘的频谱出来了，小辣椒继续等套用{:4_170:} 感觉这个彩色小气球特别漂亮 小辣椒朋友晚上好！你这幅图选得很有特色啊。 小辣椒 发表于 2023-8-29 20:29
@马黑黑
你速度也是太快了，晚上上来又一个光盘的频谱出来了，小辣椒继续等套用
{:4_191:} 醉美水芙蓉 发表于 2023-8-29 20:29
小辣椒速度的！这么快就做好了！
谢谢水芙蓉欣赏，这个是套用啊，很快的 梦油 发表于 2023-8-29 20:31
小辣椒朋友晚上好！你这幅图选得很有特色啊。
谢谢梦油欣赏，这个图我网络搜索的，现成的图，套用黑黑代码，很快就可以完成了 马黑黑 发表于 2023-8-29 20:44
谢谢黑黑分享教程，我先下了，明天见 小辣椒 发表于 2023-8-29 20:54
谢谢黑黑分享教程，我先下了，明天见
88 这个制作色彩协调，意境和歌曲相符。亲爱的真棒{:4_199:} 谁要把师傅灌醉？{:5_115:} 这频谱跟沙滩相配觉得特别协调呢{:4_187:} 小辣椒 发表于 2023-8-29 20:28
中午看见，晚上吃完饭套用一个，感觉这个频谱也是特别的漂亮
问好小辣椒！欣赏美帖，学习了！{:4_187:} 欣赏美贴！{:4_187:} 频谱也是真的漂亮 小辣椒 发表于 2023-8-29 20:54
谢谢梦油欣赏，这个图我网络搜索的，现成的图，套用黑黑代码，很快就可以完成了
你真聪明。 红影 发表于 2023-8-29 21:10
这个制作色彩协调，意境和歌曲相符。亲爱的真棒
这个就是跨越音乐做起来更加快一点 东篱闲人 发表于 2023-8-29 21:10
谁要把师傅灌醉？
哈哈~~老头小辣椒没有人可以灌醉的{:4_170:}