试试朵拉的《零落》帖
本帖最后由 亦是金 于 2024-1-26 19:56 编辑 <br /><br /><div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1984482">
<style>
#mydiv { margin: 0 0 0 calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 640px; background: lightblue url('https://pic.imgdb.cn/item/6540f1c3c458853aeffef70c.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#mydiv::before,
#mydiv::after { position: absolute; left: 0px; top: 0px; content:url('https://z4a.net/images/2023/11/02/honyvmao.png');mix-blend-mode: normal;offset-path: path('M-20,-20 L1024,600'); font-size: 30px; animation: move 30s var(--delay) infinite var(--state); --delay: 0s; }
#mydiv::after { --delay: -15s; }
@keyframes move { from {offset-distance: 0%; transform: rotate(0deg); } to { offset-distance: 100%; transform: rotate(720deg); } }
</style>
<div id="mydiv"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1933175252" autoplay loop></audio>
<script>
let script = document.createElement('script');
script.src = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/pinpu_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
(function() {
let lrcAr = [ ,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
window.onload = () => {
HCPlayer({
papa: '#mydiv',
lrcAr: lrcAr,
lrc_css: 'right: 15px; top: 10px; --bg: linear-gradient(orange,red);',
player_css: 'right: 15px; bottom: 10px; --track: #eee; --prog: red; --cap: silver;',
pinpu: {num: 100, width: 3, height: 160, color: 'linear-gradient(to top, orange, red)'}
});
};
})();
</script></td></tr></table> 漂浮的羽毛出现了，全屏的文字也正确了，给亦是金老师点赞{:4_187:} 红影 发表于 2023-11-2 08:45
漂浮的羽毛出现了，全屏的文字也正确了，给亦是金老师点赞
问好红影！谢谢夸奖！{:4_187:} 亦是金 发表于 2023-11-2 09:56
问好红影！谢谢夸奖！
亦是金老师很钻研{:4_187:} 红影 发表于 2023-11-2 10:39
亦是金老师很钻研
{:4_189:} 醉美水芙蓉 发表于 2023-11-2 11:28
很漂亮！
问好水芙蓉！{:4_187:} 亦是金 发表于 2023-11-2 11:20
试验成功，还是挺令人开心的{:4_204:} 前辈晚上好，最乐于助人的好老师，谁有困难就帮助，谁不懂就无私的指导，太棒了{:4_178:} 漂亮，感谢金老师的帮助{:4_190:}{:4_190:}
页:
[1]