<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>中秋 · 致媛媛</title>
<style>
*{margin:0;padding:0}
body{
  overflow:hidden;
  background:#000;
  font-family:system-ui;
}
.word{
  position:absolute;
  color:#ff77bb;
  text-shadow: 0 0 6px #ff4499;
  white-space: nowrap;
}
</style>
</head>
<body>
<script>
//============这里是你全部专属文字============
const textList = [
"我爱你",
"I love you",
"Je t'aime",
"Ich liebe dich",
"Я тебя люблю",
"Te amo",
"Ti amo",
"Eu te amo",
"愛してる",
"사랑해",
"Ik hou van jou",
"Jag älskar dig",
"Jeg elsker dig",
"Jeg elsker deg",
"Kocham cię",
"Szeretlek",
"Minä rakastan sinua",
"Miluji tě",
"Te iubesc",
"Σ’ αγαπώ",
"Seni seviyorum",
"Anh yêu em",
"ฉันรักเธอ",
"Aku cinta kamu",
"Mahal kita",
"أُحِبُّكَ",
"Ég elska þig",
"Volim te",
"Mi amas vin",
"Би чамд хайртай",
"Ek het jou lief",
"მე შენ მიყვარხარ",
"Tha gaol agam ort",
"Asavakkit",
"הנני אוהב אותך",
"Ngiyakuthanda",
"Maite zaitut",
"Я цябе кахаю",
"Обичам те",
"të dua",
"Ma armastan sind",
"Es mīlu tevi",
"Aš tave myliu",
"Ech hunn dech gäer",
"Taim i'ngra leat",
"Inhobbok",
"Te sakam",
"Nakupenda",
"Waan ku jeclahay",
"Aloha wau ia oe",
"Ou te alofa ia te oe",
"Ľúbim ťa",
"Ljubim te",
"Мен сені сүйемін",
"Men seni sevaman",
"دوستت دارم",
"Amar tomake bhalobashi",
"T’estimo",
"Ndimakukonda",
"Ti tengu caru",
"Mi aime jou",
"Eg elski teg",
"Kaluguran daka",
"Ke a go rata",
"Mo ni fe",
"Rwy’n dy garu di",
"Ami tomake bhalobashi",
"Yes kez sirumem",
"Nahigugma ako kanimo",
"Soro lahn nhee ah",
"Ne mohotatse",
"U kamakutu nu",
"Kisakihitin",
"Amin mela lle",
"Afgreki’",
"Mai zaitut",
"Nagligivagit",
"Hoo thunay prem karoo choo",
"Palangga ko ikaw",
"Ez hej te dikim",
"እወድሃለሁ",
"زه تا سره مينه لرم",
"मैं तुमसे प्यार करता हूँ",
"ನಾನು ನಿನ್ನನ್ನು ಪ್ರೀತಿಸುತ್ತೇನೆ",
"Kei te aroha au ki a koe",
"Ikh hob dikh lib",
"Ayayatenka",
"Io te ama",
"ฉันรักเธอ",
"ผมรักเธอ",
"Gráím thú",
"注意身体",
"宝宝我想你了",
"宝宝爱你",
"早安宝宝",
"宝宝午安",
"宝宝晚安",
"老婆",
"娘子",
"岁岁年年，我都在",
"愿月光常照心上人",
"中秋喜乐，有你更圆满",
"900公里太短，短到想你只在一瞬，900公里太长，长到和你沐浴不到同一片烟霞",
"我愿意为你付出所有",
"注意自己",
"上火了啥要跟我说",
"生理期少吃凉食",
"多想想我呗",
"我好想你",
"你的沉默是对我最大的冷暴力",
"理理我好不好",
"我想家了更想你",
"思念的痛",
"爱你的笑",
"爱你的心",
"中秋快乐宝宝",
"怀念有你的时光",
"中午的阳光再也没有能与之比拟的香风",
"愿山月顺我意，唯你懂我心",
"你是我最珍爱之物",
"我找到了独属于我的非洲之心",
"爱你媛媛",
"我想你宝宝",
"你是我的解药",
"解相思"
];
//=========================================

function createWord(){
    const el = document.createElement('div');
    el.className="word";
    //随机挑选一条文字
    const ranText = textList[Math.floor(Math.random()*textList.length)];
    el.innerText = ranText;
    //随机横向位置
    el.style.left = Math.random() * window.innerWidth + "px";
    el.style.top = "-100px";
    //随机字号
    el.style.fontSize = (12 + Math.random()*22)+"px";
    document.body.appendChild(el);

    //下落速度
    let speed = 1+Math.random()*2.2;
    function fall(){
        let y = parseFloat(el.style.top);
        y += speed;
        el.style.top = y + "px";
        if(y>window.innerHeight){
            el.remove();
        }else{
            requestAnimationFrame(fall);
        }
    }
    fall();
}
//定时不断生成飘落文字
setInterval(createWord,220);
</script>
</body>
</html>