失恋阵线联盟
本帖最后由 梦风雨 于 2024-6-23 10:47 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/css/yslrc.css';
#tz { --lrc-top: 10%; --lrc-bg: radial-gradient(cyan, white, orange) center/120px 60px; --lrc-shadow: #000;width: 1138px; height: 640px; background: url('https://bohann.net/data/attachment/forum/202406/21/150521xfkrs2cx7exwffuk.gif') no-repeat center/cover; margin: 30px 0; }
#player { --size: 60px; left: 48%; bottom: 20px; }
.vid { height: calc(100% + 60px); mix-blend-mode: overlay; }
</style>
<div id="tz" class="tz" data-lrc="失恋阵线联盟">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=537854964.mp3" autoplay="" loop=""></audio>
<video class="vid" src=".mp4
" autoplay="" loop="" muted=""></video>
<img id="player" class="player" title="播放/暂停" src="https://638183.freep.cn/638183/web/svg/clover4.svg" alt="">
</div>
<svg width="700px" height="400px">
<text x="10" y="80" font-family="MicrosoftYahei" font-weight="900" font-size="50" stroke-width="2" stroke="red" fill="none" dy="20 40 30 0 -20 -30 10">
恋晴恋雨又恋歌
</text>
</svg> 梦风雨 发表于 2024-6-23 10:57
恋晴恋雨又恋歌
好热闹啊 梦油 发表于 2024-6-23 11:09
好热闹啊
分享聆听歌曲。{:4_191:}
感谢给大家带来美滴享受！ 非常开心 发表于 2024-6-23 11:26
感谢给大家带来美滴享受！
问好开心，好久不见你，祝：开心每一天。{:4_191:} 还以为这些绿色方块是视频呢，原来是动图啊。
有趣，欣赏梦风雨好帖{:4_187:} 本帖最后由 梦风雨 于 2024-6-23 13:35 编辑
红影 发表于 2024-6-23 13:18
还以为这些绿色方块是视频呢，原来是动图啊。
有趣，欣赏梦风雨好帖
问好红影，多谢临帖点评，祝开心。{:4_191:} 来支持一下妹妹 梦风雨 发表于 2024-6-23 11:12
分享聆听歌曲。
歌曲也很好听。 问好梦风雨，已经开始入门了{:4_199:}
以后就换图图玩，套用黑黑的代码继续测试看看效果，就这么一步步就都会了
风雨加油！{:4_179:} 上海朝阳 发表于 2024-6-23 14:01
来支持一下妹妹
问好哥哥，祝开心每天。{:4_191:} 小辣椒 发表于 2024-6-23 14:57
问好梦风雨，已经开始入门了
以后就换图图玩，套用黑黑的代码继续测试看看效果，就这么一步步 ...
好的，换着图片玩着。多谢指点，黑黑代码非常的灵动。{:4_191:} 梦风雨 发表于 2024-6-23 13:33
问好红影，多谢临帖点评，祝开心。
你可以用视频呢，这样设置好了，更便于暂停时都停止呢{:4_187:}
页:
[1]