爱你在心口难开 TO： 焱鑫磊 （学习黑黑彩色球频谱）
<style>#mydiv {
margin: 150px 0 0 calc(50% - 720px);
display: grid;
place-items: center;
width: 1275px;
height: 743px;
border: 1px solid gray;
background: linear-gradient(to right bottom, rgba(100,100,var(--bb),.5) 0, rgba(calc(255 - var(--bb)),0,0,.35) 50%), url('https://wj.zp68.com/lxx/yunhua/2022/09/12/GIF.gif') no-repeat center/cover;
overflow: hidden;
position: relative;
--state: running;
}
yin-fu {
position: absolute;
top: 140px;
font: bold 30px sans-serif;
opacity: 1;
animation: fly 10s var(--delay) infinite var(--state);
}
@keyframes fly { to { transform: rotate(var(--deg)) translateY(-400px); opacity: 0; } }
</style>
<div id="mydiv"></div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2022/09/12/slu.mp3" loop autoplay></audio>
<script>
let script = document.createElement('script');
script.charset = 'utf-8';
script.src = 'https://638183.freep.cn/638183/web/api/anklet_lrc.js';
mydiv.appendChild(script);
let num = 0, step = 10;
let degAr = ,
yinfu = ['\u2764','\u2764','\u2764','\u2764','\u2764','\u2764','\u2764','\u2764','\u2764','\u2764','\u2764'];
let geci = [ ,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
let flash = () => {
num += step;
if(num > 255 || num < 0) step = -step;
mydiv.style.setProperty('--bb', num);
};
Array.from({length: 20}).forEach((item,key) => {
item = document.createElement('yin-fu');
let idx = Math.floor(Math.random() * yinfu.length);
item.innerText = yinfu;
item.style.cssText += `
color: #${Math.random().toString(16).substr(-6)};
--deg: ${degAr}deg;/*${60 - Math.random() * 120}deg;*/
--delay: ${Math.random() * -10}s;
`;
mydiv.appendChild(item);
});
setInterval(()=> {
if(aud.paused) return false;
flash();
},10);
script.onload = () => {
HCPlayer({
papa: '#mydiv',
lrcAr: geci,
lrc_css: 'top: 88%',
fs_css: 'top: 310px; --bg: transparent;',
player_css: `
top: 200px;
border-width: 0;
color: #fff;
--size: 200px;
--bRad: 50%;
--track: gray;
--prog: orange;
--btnBg: linear-gradient(yellow, red);
`,
lizi: { color1: '', color2: 'rgba(240,180,55,.75)' },
});
};
</script>
@焱鑫磊
谢谢焱鑫磊的精美礼物，小辣椒送个有爱心的礼物{:4_173:} @马黑黑
黑黑，抓紧时间做了个作业，纯套用的，感觉这个彩色频谱已经很漂亮了，小辣椒就直接套用了{:4_170:} 这次的全屏欣赏位置放的真好，跟着播放器走，而且底色也是透明的，黑黑武威。 好多心{:4_170:} 马黑黑 发表于 2023-9-6 12:39
好多心
爱心{:4_170:} 马黑黑 发表于 2023-9-6 12:39
好多心
黑黑午睡过没有？ 小辣椒 发表于 2023-9-6 12:42
黑黑午睡过没有？
快了 小辣椒 发表于 2023-9-6 12:41
爱心
爱心是多多益善 马黑黑 发表于 2023-9-6 12:43
爱心是多多益善
黑黑我换手机看看，完美的
我去眯一下还有半个小时差不多
先下了 亲爱的还弄个动画的频谱做呼应，真漂亮的制作。欣赏亲爱的好帖。焱鑫磊收礼开心{:4_199:} 在诊所陪人打点滴，上来看一眼，{:4_170:} 好听，更好看，欣赏我亲爱的好手艺{:4_199:} 漂亮、漂亮、好漂亮。 马黑黑 发表于 2023-9-6 12:42
快了
黑黑晚上好{:4_187:} 马黑黑 发表于 2023-9-6 12:43
爱心是多多益善
可惜是假的{:4_170:} 红影 发表于 2023-9-6 13:09
亲爱的还弄个动画的频谱做呼应，真漂亮的制作。欣赏亲爱的好帖。焱鑫磊收礼开心
亲爱的，速度完成个作业，套用学习做一次 虎妞 发表于 2023-9-6 14:35
在诊所陪人打点滴，上来看一眼，
亲爱的，你也是有爱心，陪人在挂水，但医院里面还是要小心一点，现在流感很多，我已经5天了，今天基本好了，胃口还没有完全恢复 虎妞 发表于 2023-9-6 14:36
好听，更好看，欣赏我亲爱的好手艺
我喜欢这歌，都是以前玩过的，再次拿出来玩一次。{:4_173:}