【黑师代码】逝年（学习黑师《老唱片的诱惑》播放器效果)
<style>#papa { margin: 130px 0 0 calc(50% - 931px); width: 1700px; height: 900px; background: url('https://pic.imgdb.cn/item/654f8a56c458853aef90b710.webp') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; display: grid; place-items: center; z-index: 1; --state: running; }#vid {
position: absolute;
width: 60%;
height: 110%;
top:-60px;
left:1px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .23;
}</style><div id="papa"><video id="vid" src="https://img.tukuppt.com/video_show/2421007/00/01/96/5b4dffcf23f49.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=32957955" autoplay="" loop=""></audio>
<script>
var script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/plater_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: [ ,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
],
fs_css: 'left: 50px; bottom:50px; background: transparent;',
player_css: `
right: -4px;
bottom: 10px;
color: white;
--color1: snow;
--color2: black;
`,
lrc_css: `
bottom: 15px;
--color: linear-gradient(rgba(216,204,184,.3),rgba(216,204,184,.7));
--bg: linear-gradient(rgba(97,77,48,.25), rgba(97,77,48,.6));
`,
});
}
Array.from({length: 30}).forEach((item, key) => {
item = document.createElement('span');
item.className = 'leaf';
item.style.cssText += `
left: ${Math.random() * 100}%;
font-size: ${30 + Math.floor(Math.random() * 30)}px;
--duration: ${10 + Math.random() * 10}s;
--delay: ${10 - Math.random() * 25}s;
`;
papa.appendChild(item);
});
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);</script>
月儿的制图绝对很赞，背景的处理，还有溶图的自然，都很赞。字体的设计也那么棒。
欣赏月儿好帖{:4_199:} 歌曲很令人感慨，人物也很完美。喜欢{:4_199:} 当初人啊，如今在哪，是否也在寻找梦的家。
这样的歌词，让人真的有点伤感呢{:4_187:} 震撼欣赏大作，谢谢分享！ 红影 发表于 2024-2-24 20:25
月儿的制图绝对很赞，背景的处理，还有溶图的自然，都很赞。字体的设计也那么棒。
欣赏月儿好帖
影子来支持啦，真是太好了。。{:4_204:} 红影 发表于 2024-2-24 20:26
歌曲很令人感慨，人物也很完美。喜欢
你能喜欢那真是太好啦。{:4_204:} 红影 发表于 2024-2-24 20:29
当初人啊，如今在哪，是否也在寻找梦的家。
这样的歌词，让人真的有点伤感呢
{:4_173:}开心的日子，不要伤感还是快快乐乐过元宵。。 执著 发表于 2024-2-24 20:41
震撼欣赏大作，谢谢分享！
感谢您的临贴支持。{:4_187:} 不论是PS还是前端代码，技术都很厉害了。努力下去，就有更高成就。 马黑黑 发表于 2024-2-24 21:06
不论是PS还是前端代码，技术都很厉害了。努力下去，就有更高成就。
PS和代码实打实都没一年呢能好到哪里去。。{:4_173:}
跟好的差太远，我真有自知之明。。。
不过呢，得老师的鼓励我还是很开心的。。。
就这么乐着慢慢玩呗。。 南无月 发表于 2024-2-24 21:15
PS和代码实打实都没一年呢能好到哪里去。。
跟好的差太远，我真有自知之明。。。
不过呢，得 ...
确实很好了，不然你问问千羽 马黑黑 发表于 2024-2-24 21:17
确实很好了，不然你问问千羽
你又说一遍了，不去问千羽我也加了许多信心了。。{:4_173:}你的鼓励对我很重要，乐一个 南无月 发表于 2024-2-24 20:56
影子来支持啦，真是太好了。。
月儿的制图真的好美啊，你还总那么谦虚{:4_173:} 南无月 发表于 2024-2-24 20:57
你能喜欢那真是太好啦。
非常喜欢的制作{:4_187:} 南无月 发表于 2024-2-24 20:57
开心的日子，不要伤感还是快快乐乐过元宵。。
嗯嗯，时光的流逝本来就是自然的，也没什么可悲呢。 南无月 发表于 2024-2-24 21:28
你又说一遍了，不去问千羽我也加了许多信心了。。你的鼓励对我很重要，乐一个
{:4_172:} 红影 发表于 2024-2-24 23:27
月儿的制图真的好美啊，你还总那么谦虚
影子鼓励记下啦，开心哦。。。不是谦虚，事实如此{:4_187:} 红影 发表于 2024-2-24 23:29
嗯嗯，时光的流逝本来就是自然的，也没什么可悲呢。
嗯哪，音画素材而已，听听就好~~{:4_173:} 马黑黑 发表于 2024-2-25 11:43
这个笑比较可爱一点点。。
你说天天跟你学东西，巴结一下老师，说句好听的还是很重要的是吧，是吧。。
老师一开心世界都晴了。。{:4_173:}