开学了，不妨试试这串代码，HTML，CSS,JAVASCRIPT

<script>

// 添加动态创建元素

function createBaloons() {

const colors = ['#FF6B6B', '#4ECDC4', '#FFD93D', '#FF9F43'];

for(let i=0; i<8; i++){

const baloon = document.createElement('div');

baloon.style.cssText = `

width: 30px;

height: 40px;

background: ${colors[i%4]};

position: absolute;

bottom: -50px;

left: ${10 + i*12}%;

border-radius: 50%;

animation: baloonRise ${4 + i/2}s ${i*0.2}s linear forwards;

`;

document.querySelector('.scene').appendChild(baloon);

}

}

// 初始化动画

setTimeout(() => {

createBaloons();

}, 2000);

</script>