本帖最后由 加林森 于 2022-5-17 17:29 编辑 <br /><br />大猫咪 发表于 2022-3-13 20:20
嗯嗯猫看过，还不错的
就是，我在另外的地方看的。花样很多的。
<style>
.bgBox {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 1280px;
height: 768px;
left: -342px;
background: #000 url('https://pic.imgdb.cn/item/6283445a094754312970b850.jpg') no-repeat;
overflow:
perspective: 3000px;
}
.ball {
position: absolute
width: 24px;
height: 24px;
border-radius: 50%;
display: block;
transform-style: preserve-3d;
animation: fly var(--ss) linear infinite alternate;
}
.ball::before, .ball::after {
position: absolute;
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
left: -10px;
top: 5px;
background: green;
animation: fly calc(var(--ss) + 1s) linear infinite;
}
.ball::after {
background: red;
animation: fly calc(var(--ss) + 2s) linear infinite;
}
@keyframes fly {
0% { transform: translate3d(0, 0, 0) scale(0.6); opacity: 0; }
50% { opacity: .6; }
100% { transform: translate3d(var(--tx), var(--ty), var(--tz)); opacity: 0; }
}
</style>
<div class="bgBox"></div>
<script>
let bgBox = document.querySelector('.bgBox');
let total = 100;
let sStr = '';
for(j=0; j<total; j++){
let ww = getNum(20,30);
let bg = `background: linear-gradient(120deg, ${setRgb()}, ${setRgb()}`;
let xx = getNum(-300,300);
let yy = getNum(-280,280) ;
sStr += `<span class='ball' style='--ss: ${getNum(4,10)}s; --tx: ${xx}px; --ty:${yy}px; --tz: ${getNum(10,100)}px; width: ${ww}px; height: ${ww}px; ${bg}'></span>`;
}
bgBox.innerHTML += sStr;
let aud = document.createElement('iframe');
aud.src = 'https://music.163.com/outchain/player?type=2&id=1892503990&auto=1&height=66';
aud.style.display = 'none';
bgBox.appendChild(aud);
function setRgb(){ return `rgba(${getNum(0,255)},${getNum(0,255)}, ${getNum(0,255)})`; }
function getNum(min,max){ return Math.floor(Math.random()*(max-min+1))+min; }
</script>
加林森 发表于 2022-3-13 20:23
就是，我在另外的地方看的。花样很多的。
嗯嗯 神奇{:5_117:}
加林森 发表于 2022-3-13 15:36
红影能不能听懂？
有歌词的啊，看着歌词就懂了啊{:4_173:}
大猫咪 发表于 2022-3-13 20:24
嗯嗯 神奇
有点像孙悟空，变化多端。
红影 发表于 2022-3-13 20:27
有歌词的啊，看着歌词就懂了啊
实际上基本上能看懂听懂的。
加林森 发表于 2022-3-13 20:27
有点像孙悟空，变化多端。
哈哈就是{:4_172:}
大猫咪 发表于 2022-3-13 20:33
哈哈就是
好玩就行。{:4_189:}
加林森 发表于 2022-3-13 20:17
现场看更加有味道的。
那是一定的了
绿叶清舟 发表于 2022-3-13 20:39
那是一定的了
嗯嗯，就是。
喜欢喜欢喜欢。{:4_176:}
声音好亲切，家乡口音听着就是舒服。谢谢队长{:4_176:}
队长这个帖做的漂亮，动图和音乐都非常棒！
越做越精典了。只是可惜，变脸本来是川剧的绝活不传之密的，可在前十多年个别人为了几小钱把祖宗的绝活都给戝卖了！
樵歌 发表于 2022-3-13 21:05
喜欢喜欢喜欢。
樵歌喜欢就好。
樵歌 发表于 2022-3-13 21:05
声音好亲切，家乡口音听着就是舒服。谢谢队长
不客气的，你可以收藏了。{:4_176:}
小辣椒 发表于 2022-3-13 21:08
队长这个帖做的漂亮，动图和音乐都非常棒！
嗯嗯，我每天都在听这个音乐，走到哪里都能听见的。突然想起樵歌可能喜欢就制作出来了。
加林森 发表于 2022-3-13 21:14
樵歌喜欢就好。
天然的喜欢呵{:4_190:}
加林森 发表于 2022-3-13 21:14
不客气的，你可以收藏了。
也只能收藏在电脑上了，手机内存小了点
樵歌 发表于 2022-3-14 07:41
也只能收藏在电脑上了，手机内存小了点
好的好的
樵歌 发表于 2022-3-14 07:40
天然的喜欢呵
我也喜欢的。{:4_190:}