【简静音画】止于你

花简静

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css?v=1';
   
3.         #tz {  margin: 130px 0 30px calc(50% - 931px);width: 1700px;height: 1100px;background: #000 url('https://642303.freep.cn/642303/tu/20250329zyn03.webp') no-repeat center/cover;overflow: hidden; }
   
4.         #mplayer { --track: #bdb6cb;--prog: #6d719f;--prg: 0%;bottom: 30px; }
   
5.         #fsbtn { top: 40px;color:#6d719f; border-color:#6d719f; }
   
6.         #lrcDiv {bottom: 10%;  color: #6d719f; --hlcolor: #bdb6cb;
   
7. }
   
8.         .vid {
   
9.     width: 100%;
   
10.     height: 130%;
    
11.     bottom:0px;
    
12.     opacity: .66;
    
13.     -webkit-mask: linear-gradient(to bottom,transparent,transparent,red);
    
14.     mix-blend-mode: overlay;
    
15. }
    
16. .mypic {
    
17.     position: absolute;
    
18.     right:360px;
    
19.     top:230px;
    
20.     cursor: pointer;
    
21.     mix-blend-mode: luminosity;
    
22.     z-index: 3;
    
23.      pointer-events: none;
    
24. }
    
25. </style>
    
26. 
    
27. <div id="tz" class="pa">
    
28.         <video class="vid" src="https://video.699pic.com/videos/93/03/32/c7UiktREpYm71513930332.mp4" autoplay loop></video>
    
29.         <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1339725072" autoplay loop></audio>
    
30.         <div class="mypic"><img src="http://qslt.net/data/attachment/forum/202412/22/185517gclz9lzqcokzqcuz.gif" alt="" /></div>
    
31. </div>
    
32. 
    
33. <script type="module">
    
34.         import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js?v=1';
    
35.         var gc = `
    
36.         [00:00.602]单曲：止于你
    
37.         [00:02.24]歌手：潘悦晨
    
38.         [00:04.469]所属专辑：止于你
    
39.         [00:05.264]作词 : 森林
    
40.         [00:06.576]作曲 : 曹秦
    
41.         [00:08.79]编曲吉他：卢骏康
    
42.         [00:11.79]学习黑师20250329《DOOOO》三合一横版歌词效果
    
43.         [00:26.072]四月的新绿晕开我所有柔情
    
44.         [00:32.056]房子般的心
    
45.         [00:34.70]无人知晓的欢愉
    
46.         [00:39.018]我将这心事藏在远行春风里
    
47.         [00:45.52]无声又无息
    
48.         [00:46.596]恰到好处的思意
    
49.         [00:51.680]云止于雾气缥缈散去的神秘
    
50.         [00:58.40]光止于细雨落地微带着寒意
    
51.         [01:04.064]雪止于星辰碎片洒落在天际
    
52.         [01:10.266]万物就化作欢喜溢满我眼底
    
53.         [01:17.16]我止于你如春阳温暖我年少
    
54.         [01:22.099]微风轻轻起
    
55.         [01:24.552]你一笑就足矣
    
56.         [01:54.890]乍暖的朝夕盛满我所有温情
    
57.         [02:00.072]似波澜不惊
    
58.         [02:02.312]内心翻天覆地
    
59.         [02:07.480]我将这心事藏在每天晚安里
    
60.         [02:13.425]思绪般的谜
    
61.         [02:15.14]遥不可及的归期
    
62.         [02:20.70]云止于雾气缥缈散去的神秘
    
63.         [02:26.416]光止于细雨落地微带着寒意
    
64.         [02:32.659]雪止于星辰碎片洒落在天际
    
65.         [02:38.602]万物就化作欢喜溢满我眼底
    
66.         [02:45.386]我止于你如春阳温暖我年少
    
67.         [02:51.340]微风轻轻起
    
68.         [02:52.963]你一笑就足矣
    
69.         [03:04.08]微风轻轻起
    
70.         [03:05.680]你一笑就足矣
    
71.         [03:09.652]混音：李浩纶
    
72.         [03:10.520]制作人：李浩纶
    
73.         [03:11.324]发行公司：杭州回声文化艺术策划有限公司
    
74. `;
    
75.         hcplay(tz,gc,3);
    
76.         flower.onclick = () => aud.paused ? aud.play() : aud.pause();
    
77. </script>

复制代码

玫の玫

静静真好，代码也带来了！！

玫の玫

歌曲还真好听 呢 ，还是同步滴

玫の玫

她立于海边，
长发披肩，
闭眼沐浴微风，
海天一色间，
飞鸟掠过。
好意境~~

玫の玫

“止于你”，
那藏在春风里的心事，
随着轻柔海风飘散，
你的一笑，
曾是她世界里最美的风景 。
谢静静带来美作与大家分享！

绿蔷薇

这图图设计的真好
素雅的画面，留白很有味道
标题文字的编排制作匠心独具，美~

绿蔷薇

还有代码与歌词的制作，赞~
谢谢简静的无私分享~~~

绿蔷薇

问好简静，祝周末快乐~~~

浅唱

图上水印能去掉就更好