论坛 › 祝福礼堂 › 帖赠：友昕贺生辰

小辣椒 发表于 2024-8-4 02:34

帖赠：友昕贺生辰

<style>
#papa { margin: 140px 0 0 calc(50% - 711px); display: grid; place-items: center; width: 1290px; height: 714px; background: url('https://wj1.zp68.com:812/lxx/yunhua/2023/08/04/21.gif') no-repeat center/cover, radial-gradient(black, rgba(0,191,255.5));box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; z-index: 1; }
    #papa::after {content: attr(data-lrc); position: absolute;left: 5%; top: 70%; width: 100%; height: 60px; text-align: center; font: normal 40px/60px sans-serif; color: transparent;text-shadow: 2px 2px 2px #8B4513;background: radial-gradient(pink, Khaki, red) center/120px 60px; -webkit-background-clip: text;}
    #player { position: absolute; left: 50%; top: 84%; width: 100px;cursor: pointer; filter: hue-rotate(0deg);animation: rot 8s linear infinite var(--state); }
.yz {
        position: absolute;
        width: 221px;
        height: 270px; left: 0; top:250;
        filter: opacity(.75);
        background: url('https://pic.imgdb.cn/item/66ae0950d9c307b7e9b9b591.gif')
       
}
.yz:nth-of-type(2) {
        left: 1050px;
        filter: opacity(.55) sepia(0%);
        transform: rotateY(180deg);
}
.vid { position: absolute; object-fit: cover; }
      .vid:nth-of-type(1) { width: 1200px; height: 675px; pointer-events: none; filter: drop-shadow(0 0 10px GoldEnrod); }
      .vid:nth-of-type(2) { width: 100%; height: calc(100% + 60px); mix-blend-mode: screen; opacity: .95; top: -60px; }   
   @keyframes rot { to { transform: rotate(1turn); } }
</style>
<div id="papa" class="papa" data-lrc="HUACHAO">
        <audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2023/01/27/srkl.mp3" autoplay loop></audio>
        <video class="vid" src="https://img.tukuppt.com/video_show/2475824/00/02/14/5b556a0355b0d_10s_big.mp" autoplay loop muted></video>
        <video class="vid" src="https://img.tukuppt.com/video_show/15653652/01/10/72/618c84ac2374b_10s_big.mp" autoplay loop muted></video>
        <div class="yz"></div>
        <div class="yz"></div>
        <img id="player"title="播放/暂停" src="https://xlaj.cn/assets/file/zp/20240627020733.png" alt="" />
</div>
<script>
(function() {
var curkey = 0, lrcAr = [], vids = document.querySelectorAll('.vid');
        var getAr = (text) => {
                var ar = text.trim().split('\n');
                ar.sort();
                var reg = /\[(\d+)[.:](\d+)[.:](\d+)\](.*)/;
                ar.forEach(item => {
                        let result = item.match(reg);
                        let tmsg = parseInt(result) * 60 + parseInt(result) + parseInt(result) / 1000;
                        lrcAr.push(.trim()]);
                });
        };
var mState = () => {
        papa.style.setProperty('--state',['running','paused'][+aud.paused]);
        player.title = ['暂停','播放'][+aud.paused];
        vids.forEach(vid => aud.paused ? vid. pause() : vid.play());
};
aud.oncanplay = aud.onplaying = aud.onpause = () => mState();
player.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.onseeked = () => curkey = 0;
        aud.ontimeupdate = () => {
                if(curkey > lrcAr.length - 1) return;
                if(aud.currentTime >= lrcAr) {
                        papa.dataset.lrc = lrcAr;
                        curkey ++;
                }
        };       
var lrc = `帖赠：友昕贺生辰\n祝友昕生日快乐！\n吃嘛嘛香身体倍儿棒！\n祝友昕生日快乐！`;
        getAr(lrc);
})();
</script>
<br><br><br><br><br>

小辣椒 发表于 2024-8-4 02:35

@友昕 生日快乐！

今天是正日子。快快乐乐过生日！{:4_177:}{:4_203:}

小辣椒 发表于 2024-8-4 02:36

@红影

亲爱的抄个作业，明天不能上来了，没有电脑

红影 发表于 2024-8-4 08:48

这么多好东西，这个生日贺帖礼物满满，借帖同祝友昕生日快乐{:4_187:}

梦江南 发表于 2024-8-4 08:49

祝友昕老师生日快乐！{:4_177:}

红影 发表于 2024-8-4 08:50

小辣椒 发表于 2024-8-4 02:36
@红影

亲爱的抄个作业，明天不能上来了，没有电脑

亲爱的凌晨还在啊，这个帖子应该是友昕生日当天收到的最早的帖子了{:4_199:}{:4_177:}

梦油 发表于 2024-8-4 08:52

好高兴和小辣椒一起祝福友昕朋友生日快乐！

友昕 发表于 2024-8-4 21:07

小辣椒 发表于 2024-8-4 02:35
@友昕 生日快乐！

今天是正日子。快快乐乐过生日！

感谢小辣椒！ 优美的歌曲，精彩的制作！{:4_187:}{:4_180:}

友昕 发表于 2024-8-4 21:08

小辣椒 发表于 2024-8-4 02:35
@友昕 生日快乐！

今天是正日子。快快乐乐过生日！

也祝辣椒清爽一夏，天天快乐！{:4_187:}{:4_180:}

友昕 发表于 2024-8-4 21:09

梦江南 发表于 2024-8-4 08:49
祝友昕老师生日快乐！

感谢，祝夏日清凉愉快！{:4_180:}

友昕 发表于 2024-8-4 21:11

梦油 发表于 2024-8-4 08:52
好高兴和小辣椒一起祝福友昕朋友生日快乐！

感谢，祝梦油朋友夏日愉快！{:4_180:}

梦油 发表于 2024-8-5 14:20

友昕 发表于 2024-8-4 21:11
感谢，祝梦油朋友夏日愉快！

友昕朋友别客气。

小九 发表于 2024-8-5 18:59

好久不见的友昕 祝福你生日快乐！好运多多！{:4_187:}{:4_176:}

小辣椒 发表于 2024-8-5 21:40

红影 发表于 2024-8-4 08:48
这么多好东西，这个生日贺帖礼物满满，借帖同祝友昕生日快乐

亲爱的，是速度做的，效果就这样了，抄你作业的

小辣椒 发表于 2024-8-5 21:40

梦江南 发表于 2024-8-4 08:49
祝友昕老师生日快乐！

贺梦江南一起贺友昕生日快乐！

小辣椒 发表于 2024-8-5 21:42

红影 发表于 2024-8-4 08:50
亲爱的凌晨还在啊，这个帖子应该是友昕生日当天收到的最早的帖子了

我也是上来才发现友昕生日，第二天不能上来就匆匆忙忙的做了一个，虽然帖子就这样，但心意满满的{:4_205:}

小辣椒 发表于 2024-8-5 21:42

梦油 发表于 2024-8-4 08:52
好高兴和小辣椒一起祝福友昕朋友生日快乐！

梦油晚上好，我们一起贺友昕生日快乐！

小辣椒 发表于 2024-8-5 21:43

友昕 发表于 2024-8-4 21:07
感谢小辣椒！ 优美的歌曲，精彩的制作！

友昕生日快乐！{:4_177:}{:4_177:}

小辣椒 发表于 2024-8-5 21:44

友昕 发表于 2024-8-4 21:08
也祝辣椒清爽一夏，天天快乐！

谢谢友昕 同一的祝福送给你！清爽一夏，天天快乐！

小辣椒 发表于 2024-8-5 21:45

小九 发表于 2024-8-5 18:59
好久不见的友昕 祝福你生日快乐！好运多多！

小九晚上好，我们一起贺友昕生日快乐！

查看完整版本: 帖赠：友昕贺生辰