论坛 › 祝福礼堂 › 祝红影生日快乐！

醉美水芙蓉 发表于 2024-1-2 20:15

祝红影生日快乐！

本帖最后由 醉美水芙蓉 于 2024-1-2 20:34 编辑 <br /><br /><style>
#papa {
        margin: 150px 0 0 calc(50% - 792px);
        position: relative;
        width: 1422px;
        height: 800px;
        background: tan url('https://pic.imgdb.cn/item/6592d864c458853aef574b67.webp');
        background-blend-mode: difference;
        border: 3px solid rgba(0,0,200,.6);
        border-radius: 12px;
        box-shadow: 3px 3px 20px #ccc;
        overflow: hidden;
        z-index: 1;
}
#btnplay {
        position: absolute;
        top: 520px;
        left: 100px;
        width:150px;
        filter: hue-rotate(20deg) drop-shadow(0 0 2px transparent);
        cursor: pointer;
        transition: filter .35s ease-in;
        z-index: 1;
        animation: rotating 5s infinite linear var(--state);
}
#btnplay:hover {
        filter: hue-rotate(0) drop-shadow(0 0 30px white);
}
#vid {
        position: absolute;
        top: -60px;
        width: 1422px;
        height: 860px;
        object-fit: cover;
        filter: opacity(.98);
}


@keyframes rotating {
        to { transform: rotate(1turn); }
}

#tit {
      position: absolute;
      left: -50px;
      top:-30px;
      
      background-image:url('https://xlaj.cn/assets/file/zp/20240102011216.gif'); background-size:cover;
      width:650px; height:200px; font: bold 2.0em serif;
      text-align:center; line-height:200px; color:transparent;
      -webkit-background-clip:text;
         border:0px #eddfdc solid; z-index: 10;
}


</style>

<div id="papa">
        <video id="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/809feaf503e2befd21c7230162b61d2f_preview.mp4" loop muted></video>
            


        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=29789745" autoplay loop></audio>

<div id="tit">TO：红影生日快乐</div>


        <img id="btnplay" src="https://pic.imgdb.cn/item/65900f5bc458853aefe8c679.png" alt="" title="播放/暂停" />
</div>

<script>

(function() {

let mState = () => {
        aud.paused ?
                (papa.style.setProperty('--state','paused'), vid.pause()) :
                (papa.style.setProperty('--state','running'), vid.play());
};

aud.addEventListener('playing', mState, false);
aud.addEventListener('pause', mState, false);

btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();

})();

</script>

小九 发表于 2024-1-2 20:25

好漂亮的生日蛋糕！ 同祝影子生日吉祥！ 万事如意{:4_187:}{:4_177:}{:4_176:}

醉美水芙蓉 发表于 2024-1-2 20:35

小九 发表于 2024-1-2 20:25
好漂亮的生日蛋糕！ 同祝影子生日吉祥！ 万事如意

小九晚上好！同祝红影生日快乐！

红影 发表于 2024-1-2 20:38

这么漂亮的水果蛋糕啊，这个太诱人了。谢谢水芙蓉美女漂亮的贺礼。有你真好{:4_187:}

红影 发表于 2024-1-2 20:40

水芙蓉美女送来这么漂亮的大蛋糕，我可以请大家一起品尝了{:4_199:}

醉美水芙蓉 发表于 2024-1-2 20:41

红影 发表于 2024-1-2 20:40
水芙蓉美女送来这么漂亮的大蛋糕，我可以请大家一起品尝了

红影美女不客气！祝生日快乐！

千羽 发表于 2024-1-2 20:43

好漂亮的大蛋糕，我都看饿了{:4_173:}

千羽 发表于 2024-1-2 20:45

我们一起同祝影儿生日快乐，万事胜意{:4_185:}

醉美水芙蓉 发表于 2024-1-2 20:50

千羽 发表于 2024-1-2 20:45
我们一起同祝影儿生日快乐，万事胜意

千羽美女晚上好！同祝红影生日快乐！

梦油 发表于 2024-1-2 20:55

借芙蓉朋友的美帖，祝福影子朋友生日快乐、万事如意！

醉美水芙蓉 发表于 2024-1-2 20:57

梦油 发表于 2024-1-2 20:55
借芙蓉朋友的美帖，祝福影子朋友生日快乐、万事如意！

梦油老师晚上好！同祝红影生日快乐！

红影 发表于 2024-1-2 21:07

醉美水芙蓉 发表于 2024-1-2 20:41
红影美女不客气！祝生日快乐！

多谢水芙蓉美女，收到这么美的蛋糕，甜蜜藏在心里{:4_179:}

红影 发表于 2024-1-2 21:07

千羽 发表于 2024-1-2 20:45
我们一起同祝影儿生日快乐，万事胜意

多谢羽儿，我们一起快乐{:4_187:}

红影 发表于 2024-1-2 21:08

梦油 发表于 2024-1-2 20:55
借芙蓉朋友的美帖，祝福影子朋友生日快乐、万事如意！

多谢梦油，大家一起快乐{:4_187:}

驻在平安夜前夕 发表于 2024-1-2 21:20

{:5_106:}祝寿来啦

https://bohann.net/data/attachment/forum/202312/27/203053je44e4yie4v4eily.gif

东篱闲人 发表于 2024-1-2 21:25

红影爱吃奶油兔。。。。{:5_112:}

醉美水芙蓉 发表于 2024-1-3 07:10

驻在平安夜前夕 发表于 2024-1-2 21:20
祝寿来啦

多谢朋友支持！我们一起祝愿红影美女生日快乐！

醉美水芙蓉 发表于 2024-1-3 07:10

东篱闲人 发表于 2024-1-2 21:25
红影爱吃奶油兔。。。。

谢谢东篱老师支持！我们一起祝愿红影美女生日快乐！

静风 发表于 2024-1-3 08:55

祝福生日快乐！{:4_178:}

静风 发表于 2024-1-3 08:55

今天是个好日子{:4_204:}

查看完整版本: 祝红影生日快乐！