【斗酒相逢音画_五周年庆】【黑师代码】风吹过缄默失衡的角落 文/七掬 TO/青依

花简静

花简静

1. 
   
2. <style>
   
3. #mama { margin: 130px 0 30px calc(50% - 931px); width: 1700px; height: 900px; background:  url('https://642303.freep.cn/642303/tu/20240923qingyi01.webp') no-repeat center/cover; box-shadow: 0 0 8px rgba(0,0,0,.65); overflow: hidden; z-index: 1; position: relative; }
   
4. #mama > video { position: absolute;
   
5.         width: 100%;
   
6.         height: 100%;
   
7.         opacity: .63;
   
8.         object-fit: cover;
   
9.         mix-blend-mode: soft-light;
   
10.    -webkit-mask: linear-gradient(to  top, red 30%, transparent 55%, transparent);
    
11.         pointer-events: none;
    
12. }
    
13. .player { position: absolute;left:34.5%; top:50.5%; width: 50px; height: 50px; mix-blend-mode: darken;animation: rot 8s linear infinite var(--state); cursor: pointer; }
    
14. @keyframes rot { to { transform: rotate(360deg); } }
    
15. </style>
    
16. 
    
17. <div id="mama" class="mama">
    
18.         <audio src="https://music.163.com/song/media/outer/url?id=25638340" autoplay loop></audio>
    
19.         <video src="https://img.tukuppt.com/video_show/2414777/00/02/13/5b514e39921d5.mp4" autoplay loop muted></video>
    
20.         <img class="player" src="https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png" alt="" />
    
21. 
    
22. </div>
    
23. 
    
24. <script>
    
25. var sf = document.createElement('script');
    
26. sf.charset = 'utf-8';
    
27. sf.src = 'https://638183.freep.cn/638183/web/js2024/yslrc_133703119608822812.js';
    
28. document.body.appendChild(sf);
    
29. 
    
30. sf.onload = () => {
    
31.         HCPlayer({
    
32.                 papa: '#mama',
    
33.                 geci: geci,
    
34.                 skip: 0,
    
35.                 average: 0,
    
36.                 btnplay: '.player',
    
37.                 lrc_css: 'left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86;',
    
38.                 fs_css: 'left: 5%; bottom: 20px; transform: translateX(-50%); --bg: transparent; --color: #eee',
    
39.         });
    
40. };
    
41. 
    
42. var geci = `
    
43.         [00:00.000]《此生不换》
    
44.         [00:06.754]作词 : 杨漩予
    
45.         [00:10.621]作曲 : 闻震
    
46.         [00:16.548]编曲 : 翟松
    
47.         [00:20.386]制作人 : 许经纶
    
48.         [00:25.974]歌手 : 青鸟飞鱼
    
49.         [00:33.494]时光穿不断 流转在从前
    
50.         [00:40.934]刻骨的变迁
    
51.         [00:42.780]不是遥远
    
52.         [00:47.366]再有一万年
    
53.         [00:51.109]深情也不变
    
54.         [00:54.851]爱像烈火般蔓延
    
55.         [01:03.136]记忆是条长线 盘旋在天边
    
56.         [01:10.477]沉浮中以为
    
57.         [01:12.144]情深缘浅
    
58.         [01:17.01]你再度出现
    
59.         [01:20.616]我看见誓言
    
60.         [01:24.288]承诺在水天之间
    
61.         [01:31.316]回头看
    
62.         [01:35:451]不曾走远
    
63.         [01:39.226]依依目光此生不换
    
64.         [01:46.196]要分散 不习惯
    
65.         [01:50.206]怎么算 都太难
    
66.         [01:53.820]分开之后更勇敢
    
67.         [02:01.100]愿这爱 世代相传
    
68.         [02:13.298]喝不完忘情水
    
69.         [02:15.523]不让你如烟
    
70.         [02:20.185]前尘再怀恋
    
71.         [02:22.533]望剑如面
    
72.         [02:27.164]挥舞的瞬间
    
73.         [02:30.819]别再闭上眼
    
74.         [02:34.509]错过惊世的依恋
    
75.         [02:41.189]回头看
    
76.         [02:45.641]不曾走远
    
77.         [02:49.254]眷恋一人流连忘返
    
78.         [02:56.595]多少汗 够温暖
    
79.         [02:59.931]你哭喊 我呼唤
    
80.         [03:03.824]听清耳边的呢喃
    
81.         [03:11.171]别害怕
    
82.         [03:13.721]风轻云淡
    
83.         [03:33.279]回头看
    
84.         [03:36.910]不曾走远
    
85.         [03:40.841]依依目光此生不换
    
86.         [03:48.292]要分散 不习惯
    
87.         [03:52.07]怎么算 都太难
    
88.         [03:55.779]分开之后更勇敢
    
89.         [04:03.90]愿这爱 世代相传
    
90.         [04:13.168]2024-9-24
    
91. `;
    
92. </script>

复制代码

花简静

@青依 你的热情感染了我，小酒窝是个温馨的地方，喜欢你，还有小酒窝。。哈哈。刷图快乐哈。。

花简静

代码奉上，二楼
03行换成自己的图片，
18行换歌曲
19行换视频，熊猫办公里的，
20行换小播图片。
43行换歌词（网上找的LRC歌词都可以）

青依

哇，太漂亮了，哪天我也试试代码。。收礼开心快乐，

花简静

文字素材：@七掬  《于是，青山托起春天》http://dj.fqingy.com/forum.php?mod=viewthread&tid=16480
图片素材：@贪心的鱼《等待一场春天的决堤》 http://dj.fqingy.com/forum.php?m ... &extra=page%3D1

非常感谢！~~

青依

静儿单图也这么好看，惊艳一下，色彩调的耐看，排字一流，意境满满。。赞了赞了

青依

谢谢你对酒窝的喜欢，对青依的喜欢，一起玩耍。

青依

同祝小酒窝五周年快乐，静儿宝宝抹图快乐冲鸭冲鸭冲鸭冲鸭冲鸭

花简静

青依 发表于 2024-9-24 14:57
哇，太漂亮了，哪天我也试试代码。。收礼开心快乐，

你的制图绝美 ，太期待了，依依一起开心哈。。