小辣椒 发表于 2025-1-13 21:55

帖赠~朵拉贺芳辰快乐！


<style>
        @import 'https://638183.freep.cn/638183/web/mod/btn_lrc.css';
        #tz { --state: running; margin: 140px 0 30px calc(50% - 728px);width: 1290px; height: 714px; overflow: hidden; box-sizing: border-box;}
        #tz::before { position: absolute; content: ''; inset: 0; background: url('https://wj1.zp68.com:812/lxx/yunhua/2023/08/04/21.gif') no-repeat center/cover; animation: shake 4.2s infinite alternate var(--state); }
        @keyframes shake { to { inset: -20px; } }
        #lrc { bottom: 40px; color: hsl(318, 100%, 90%); --bg: linear-gradient(180deg, hsla(0, 100%, 40%, .75), hsla(0, 100%, 80%, .65)); font: bold 2.0em sans-serif;}
        .vid { mix-blend-mode:screen;width:100%; height:110%; bottom: -0px; webkit-mask: radial-gradient(red 30%, transparent);
        -webkit-mask: radial-gradient(red 30%, transparent); }
        #mplayer { right: 38%; top: 120px; width: 400px; height: 400px; display: grid; place-items: center; }       
        .feather { position: absolute; width: 60px; height: 60px; background: url('https://file.uhsea.com/2501/a0683b33c16c3e897db52cfe6456ace5Y1.gif') no-repeat center/cover; }
</style>

<div id="tz" class="pa">
        <audio src="https://wj.zp68.com/lxx/yunhua/2023/01/27/srkl.mp3"></audio>
        <video class="vid" src="https://img.tukuppt.com/video_show/2629112/00/08/47/5d273189780ee_10s_big.mp4" autoplay loop muted></video>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
       
        <div id="mplayer" class="mplayer"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/btn_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var lrcAr = [
        ,
        ,
        ,
               
];
        var total = 8, a = 360 / total;
        for(var i = 0; i < total; i++) {
                var f = document.createElement('span');
                f.className = 'feather';
                f.style.cssText += `transform: rotate(${i * a}deg) translateY(-86px);`;
                mplayer.appendChild(f);
        }
        hcplay(tz, lrcAr);
        fscreen.fs(tz, fsbtn);
</script>

小辣椒 发表于 2025-1-13 21:56

@朵拉

祝朵拉生日快乐~~幸福永远！{:4_177:}{:4_179:}

小辣椒 发表于 2025-1-13 21:56

@红影

亲爱的，抄个作业{:4_182:}

小辣椒 发表于 2025-1-13 21:59

@马黑黑

黑黑这个致你的效果我抄红影的作业的{:4_205:}

小辣椒 发表于 2025-1-13 22:01

朵拉~~~小辣椒晚上上来才知道你明天生日，明天我估计不能上来，今天就匆匆忙忙的做个贺礼简单了一点，千万不要嫌弃哦，么么哒。生日快乐！{:4_177:}

红影 发表于 2025-1-13 22:53

这个帖子好喜庆啊，那个小蛋糕的复合播放器按钮也漂亮。
借亲爱的好帖，同祝朵宝生日快乐{:4_199:}{:4_177:}

红影 发表于 2025-1-13 22:54

这么多的美酒和蛋糕，大家生日宴上可以吃个痛快了{:4_173:}

马黑黑 发表于 2025-1-13 22:59

{:4_199:}

起个网名好难 发表于 2025-1-14 06:23

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

小九 发表于 2025-1-14 08:29

祝朵拉生日快乐！ 吉祥如意！{:4_187:}

樵歌 发表于 2025-1-14 08:51

各种蛋糕甜点应有尽有哈，小朵儿生日可开心了。{:4_176:}

梦油 发表于 2025-1-14 09:13

随着《生日快乐》的美妙歌声，祝福朵拉生日快乐！

朵拉 发表于 2025-1-14 15:16

小辣椒 发表于 2025-1-13 21:56
@朵拉

祝朵拉生日快乐~~幸福永远！

温馨的祝福，谢谢小辣椒 么么哒{:4_204:}
页: [1]
查看完整版本: 帖赠~朵拉贺芳辰快乐！