红影 发表于 2025-1-26 18:41

祝福东篱大哥生日快乐（1.28）

<style>
        @import 'https://638183.freep.cn/638183/web/mod/button.css';
        #tz { --state: running; margin: 60px 0 30px calc(50% - 593px); overflow: hidden; background: url('https://pic1.imgdb.cn/item/679491cad0e0a243d4f7c2fe.jpg') no-repeat center/cover;border-radius: 16px; }
        .vid {width:100%; height:100%; webkit-mask: radial-gradient(red 20%, transparent);
        -webkit-mask: radial-gradient(red 20%, transparent); }
        .mplayer:hover { filter: brightness(1.2); }
        .hxBox { width: 800px; height: 800px; font-family: '楷体','微软雅黑'; font-size: 66px;}
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=1386056875"></audio>
        <video class="vid" src="https://img.tukuppt.com/video_show/2475824/00/02/15/5b5567a109822_10s_big.mp4" autoplay loop muted></video>
        <img id="playbtn" class="mplayer" src="https://pic1.imgdb.cn/item/6794905cd0e0a243d4f7c2a1.png" alt="" widt="160" height="162" style="top: 160px;" />
        <img id="playbtn" class="mplayer" src="https://pic1.imgdb.cn/item/67949085d0e0a243d4f7c2a7.png" alt="" widt="120" height="120" style="left: 100px;" />
        <img id="playbtn" class="mplayer" src="https://pic1.imgdb.cn/item/6794a1a0d0e0a243d4f7cb5a.png" alt="" widt="120" height="120" style="right: 100px;" />
        <div class="hxBox">
      <svg viewBox="0 0 800 800">
                <path d="M -40,220 a 800,800 0 0 1 912,20" id="yuan" />
                <text stroke="red" stroke-width="8">
                        <textPath xlink:href="#yuan">
                              祝 东 篱 闲 人 生 日 快 乐！
                        </textPath>
                </text>
      </svg>
</div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/button.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

红影 发表于 2025-1-26 18:42

@东篱闲人 东篱大哥，你的生日马上要到了，祝你生日快乐{:4_187:}{:4_177:}

红影 发表于 2025-1-26 18:44

学习@马黑黑 的Pyro 代码，到文字仓库找了个圆弧文字，调了半天，好像位置和弧度差不多{:4_187:}

马黑黑 发表于 2025-1-26 18:49

教授生日快乐！

起个网名好难 发表于 2025-1-26 19:13

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

红影 发表于 2025-1-26 19:20

马黑黑 发表于 2025-1-26 18:49
教授生日快乐！

谢谢黑黑的代码，我们一起祝福{:4_187:}

红影 发表于 2025-1-26 19:20

起个网名好难 发表于 2025-1-26 19:13


谢谢难难，新春快乐{:4_187:}

马黑黑 发表于 2025-1-26 19:29

红影 发表于 2025-1-26 19:20
谢谢黑黑的代码，我们一起祝福

{:4_191:}

梦油 发表于 2025-1-26 19:34

借红影的精美贺帖祝福东篱闲人朋友生日快乐。寿比南山！

红影 发表于 2025-1-26 19:42

马黑黑 发表于 2025-1-26 19:29


{:4_191:}

红影 发表于 2025-1-26 19:43

梦油 发表于 2025-1-26 19:34
借红影的精美贺帖祝福东篱闲人朋友生日快乐。寿比南山！

谢谢梦油，我们一起祝福{:4_187:}

马黑黑 发表于 2025-1-26 19:43

红影 发表于 2025-1-26 19:42


教授还木有来就喝啦{:4_170:}

起个网名好难 发表于 2025-1-26 19:51

红影 发表于 2025-1-26 19:20
谢谢难难，新春快乐

转着转着蛋糕上的装饰物都会掉的{:5_117:}

红影 发表于 2025-1-26 19:53

马黑黑 发表于 2025-1-26 19:43
教授还木有来就喝啦

先送上心意啊，生日是喜悦的日子。

梦油 发表于 2025-1-26 19:53

红影 发表于 2025-1-26 19:43
谢谢梦油，我们一起祝福

我们一起祝福东篱朋友生日快乐。

红影 发表于 2025-1-26 19:53

起个网名好难 发表于 2025-1-26 19:51
转着转着蛋糕上的装饰物都会掉的

正好在下面等着吃啊{:4_189:}

红影 发表于 2025-1-26 20:04

梦油 发表于 2025-1-26 19:53
我们一起祝福东篱朋友生日快乐。

生日是快乐的事，我们跟着一起快乐{:4_187:}

起个网名好难 发表于 2025-1-26 20:07

红影 发表于 2025-1-26 19:53
正好在下面等着吃啊

好主意！{:5_117:}

小辣椒 发表于 2025-1-26 20:24

漂亮的生日贺帖，祝老头生日快乐！福如东海 寿比南山{:4_177:}{:4_191:}{:4_176:}

绿叶清舟 发表于 2025-1-26 20:44

这么多蛋糕啊，东篱生日快乐{:5_166:}
页: [1] 2 3 4 5
查看完整版本: 祝福东篱大哥生日快乐（1.28）