片片相思赋予谁 帖赠:虎妞
<style>
#papa { margin: 120px 0 0 calc(50% - 600px); 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(153,50,204,.15),rgba(153,50,204,.75));',
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>
辫子哥哥 发表于 2023-9-1 06:45
怕吓的你反穿棉袄
不能,你来吧。。。{:4_172:} @虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修养一段时间的,来个大大的{:4_179:} @马黑黑
谢谢黑黑,昨天下了就是看见这个教程然后就知道了。。。。
这个就是瑶族舞曲的响应式频谱效果,今天做了送好朋友的礼物了 小辣椒 发表于 2023-8-31 21:07
@马黑黑
谢谢黑黑,昨天下了就是看见这个教程然后就知道了。。。。
虎妞坐船回来了{:4_199:} 马黑黑 发表于 2023-8-31 21:09
虎妞坐船回来了
哈哈~~飞机转船的 小辣椒 发表于 2023-8-31 21:11
哈哈~~飞机转船的
最后一公里飞机到不了{:4_170:} 马黑黑 发表于 2023-8-31 21:11
最后一公里飞机到不了
刚好有条河,就用小船了 这个动画漂亮,响应式频谱也很漂亮,频谱和歌词以及全屏按钮的颜色都很协调。
欣赏亲爱的好帖,虎妞收礼开心{:4_187:} 红影 发表于 2023-8-31 21:28
这个动画漂亮,响应式频谱也很漂亮,频谱和歌词以及全屏按钮的颜色都很协调。
欣赏亲爱的好帖,虎妞收礼开 ...
亲爱的,主要是黑黑的教程好,直接套用,就修改一下尺寸和颜色就可以了 小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...
来了,来了,刚嚎完歌儿,赶紧敢来收礼了,哈哈 小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...
亲爱哒,我不懂音画,就知道好看哈{:4_170:} 小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...
谢谢亲爱哒,我就上来一会儿哈,我会掌握好时间的,放心吧哈{:4_187:} 这歌儿好听,你的片片相思赋予我了,哈哈 虎妞 发表于 2023-8-31 21:39
来了,来了,刚嚎完歌儿,赶紧敢来收礼了,哈哈
妞不听话,让你别回帖的,眼睛刚好还要保养的,都是小辣椒不好现在就发帖{:4_203:} 小辣椒 发表于 2023-8-31 21:07
@马黑黑
谢谢黑黑,昨天下了就是看见这个教程然后就知道了。。。。
亲爱哒,你太厉害了,一看就会,我都看不懂{:4_170:} 小辣椒 发表于 2023-8-31 21:05
@虎妞
亲爱的,很开心你痊愈归来,知道你手术很成功,眼睛好了,太开心了,但你还是不能玩时间久,得再修 ...
明天发不行? 红影 发表于 2023-8-31 21:28
这个动画漂亮,响应式频谱也很漂亮,频谱和歌词以及全屏按钮的颜色都很协调。
欣赏亲爱的好帖,虎妞收礼开 ...
谢谢影子,晚上好{:4_187:} 小辣椒 发表于 2023-8-31 21:26
刚好有条河,就用小船了
真聪明啊 虎妞 发表于 2023-8-31 21:45
谢谢亲爱哒,我就上来一会儿哈,我会掌握好时间的,放心吧哈
人家小辣椒发帖就走了,你也是快快下了去休息 马黑黑 发表于 2023-8-31 21:09
虎妞坐船回来了
这小船比飞机快,哈哈
问好黑黑,晚上好!