论坛 › 时光如水 › 清舟生日快乐

雨中悄然 发表于 2023-2-19 19:53

清舟生日快乐

本帖最后由 雨中悄然 于 2023-2-20 15:51 编辑 <br /><br /><style>
#papa {
        --state: paused;
        margin-top: -40px;
        left: calc(50% - 81px);
        transform: translateX(-50%);
        width: 1024px;
        height: 640px;
        background: teal url('https://pic.imgdb.cn/item/63f20fa0f144a01007087f5e.gif') no-repeat center/cover;
        box-shadow: 8px 4px 18px hsla(0,0%,0%,.28);
        display: grid;
        place-items: center;
        position: relative;
        z-index: 1;
}
#mplayer {
        position: absolute;
        bottom: 30px;
        width: 60px;
        height: 60px;
                left:30px;
        background: url('https://638183.freep.cn/638183/t23/1/lotus.png') no-repeat center/cover;
        border-radius: 50%;
        cursor: pointer;
        animation: spin 10s infinite linear;
        animation-play-state: var(--state);
}
@keyframes spin {
      to { transform: rotate(360deg); }
}
</style>
<div id="papa">
      <img id="mplayer" src="https://pic.imgdb.cn/item/63f2072ff144a01007fbfb16.gif" alt="" />
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1433496995.mp3" loop autoplay></audio>
</div>
<script>

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

mplayer.addEventListener('click', () => {
      aud.paused ? aud.play() : aud.pause();
});

aud.addEventListener('play', () => mState());

aud.addEventListener('pause', () => mState());

</script>

雨中悄然 发表于 2023-2-19 20:02

@绿叶清舟

绿叶清舟 发表于 2023-2-19 20:04

{:4_179:}还在催生鱼呢，咋又催了啊，接生婆来得及不

雨中悄然 发表于 2023-2-19 20:05

绿叶清舟 发表于 2023-2-19 20:04
还在催生鱼呢，咋又催了啊，接生婆来得及不

{:4_170:}来得及来得及

雨中悄然 发表于 2023-2-19 20:06

绿叶清舟 发表于 2023-2-19 20:04
还在催生鱼呢，咋又催了啊，接生婆来得及不

嫩俩差两天是不{:4_173:}

雨中悄然 发表于 2023-2-19 20:06

29号不好抓啊{:4_170:}

庶民 发表于 2023-2-19 20:07

美好的祝福，真诚的祝愿，生日快乐

绿叶清舟 发表于 2023-2-19 20:07

雨中悄然 发表于 2023-2-19 20:06
嫩俩差两天是不

是啊，晚了二天了

绿叶清舟 发表于 2023-2-19 20:08

雨中悄然 发表于 2023-2-19 20:05
来得及来得及

鱼还没生了呢{:4_189:}

绿叶清舟 发表于 2023-2-19 20:08

雨中悄然 发表于 2023-2-19 20:06
29号不好抓啊

今年又是没得生的了

绿叶清舟 发表于 2023-2-19 20:08

庶民 发表于 2023-2-19 20:07
美好的祝福，真诚的祝愿，生日快乐

谢谢庶民，晚上好

雨中悄然 发表于 2023-2-19 20:09

庶民 发表于 2023-2-19 20:07
美好的祝福，真诚的祝愿，生日快乐

感谢支持回复，清舟生日快乐

雨中悄然 发表于 2023-2-19 20:12

绿叶清舟 发表于 2023-2-19 20:07
是啊，晚了二天了

{:4_170:}一块过一块过，热闹

雨中悄然 发表于 2023-2-19 20:13

绿叶清舟 发表于 2023-2-19 20:08
今年又是没得生的了

不能省{:4_173:}

绿叶清舟 发表于 2023-2-19 20:14

雨中悄然 发表于 2023-2-19 20:12
一块过一块过，热闹

一样催了就一起生了{:4_189:}

雨中悄然 发表于 2023-2-19 20:14

绿叶清舟 发表于 2023-2-19 20:08
鱼还没生了呢

这不正生着的么{:4_170:}凑一块好好热闹下

雨中悄然 发表于 2023-2-19 20:15

绿叶清舟 发表于 2023-2-19 20:14
一样催了就一起生了

{:4_199:}这是个好主意的

雨中悄然 发表于 2023-2-19 20:17

天哪,我才发现我找挑了半天不要跟鱼儿一样的生日歌，结果还是一样。{:4_170:}就这么听吧

马黑黑 发表于 2023-2-19 20:48

绿叶清舟 发表于 2023-2-19 20:04
还在催生鱼呢，咋又催了啊，接生婆来得及不

生生不息

马黑黑 发表于 2023-2-19 20:50

蛋糕播放器

查看完整版本: 清舟生日快乐