绿叶清舟 发表于 2025-1-28 19:42

恭祝大家新年快乐


<style>
#mydiv { margin: 30px 0 30px calc(50% - 683px); width: 1200px; height: 680px; background: url('https://pic1.imgdb.cn/item/6786542ed0e0a243d4f4399f.jpg') no-repeat center/cover; box-shadow: 0 0 6px #666; position: relative; }
#psvg { position: absolute; left: calc(50% - 120px); top: calc(50% - 220px); filter: drop-shadow(2px 2px 0 #000); animation: rot 8s cubic-bezier(0.89, 0.04, 0.24, 1.03) infinite alternate var(--state); cursor: pointer; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mydiv">
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2642207519" autoplay loop></audio>
        <svg id="psvg" width="200px" height="200px"><defs><path id="path1" d="M0 100 A100 100 0 1 1 200 100 A100 100 0 1 1 0 100"/></defs><text dx="30" dy="30" font-size="30" fill="plum" font-family="Arial"><textPath href="#path1" textLength="610">&#128019;&#128009;&#128007;&#128013;&#128015;&#128050;&#128017;&#128001;</textPath></text></svg>
</div>

<script>
aud.onplaying = aud.onpause = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
psvg.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

梦油 发表于 2025-1-28 20:02

清舟朋友春节快乐！

红影 发表于 2025-1-28 20:50

这个帖子很欢乐，祝大家新春快乐，生活越来越精彩{:4_199:}

庶民 发表于 2025-1-28 22:02

除夕快乐

马黑黑 发表于 2025-1-28 23:02

{:4_191:}

梦江南 发表于 2025-1-29 08:20

https://pic1.imgdb.cn/item/679970f6d0e0a243d4f86418.gif

樵歌 发表于 2025-1-29 09:26

祝清舟小朋友初一快乐，吃上一大碗元宵，一年都甜甜的，粫粫的。。

樵歌 发表于 2025-1-29 09:27

还自己创作的好看真情在。现在好多转来转去的我都不大看{:4_189:}

小辣椒 发表于 2025-1-29 23:55

清舟新年快乐！

冬天的雨 发表于 2025-2-6 21:06

新年已过，冬雨送上迟到的祝福{:4_187:}

冬天的雨 发表于 2025-2-6 21:06

欣赏清舟的美帖{:4_199:}

小九 发表于 2025-2-12 21:00

舟元宵节快乐！{:4_183:}
页: [1]
查看完整版本: 恭祝大家新年快乐