云荷-个人作品展示

标题: 【简静音画】止于你 [打印本页]

作者: 花简静    时间: 2025-3-30 10:39
标题: 【简静音画】止于你

作者: 花简静    时间: 2025-3-30 10:40
  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. <div id="tz" class="pa">
  27.         <video class="vid" src="https://video.699pic.com/videos/93/03/32/c7UiktREpYm71513930332.mp4" autoplay loop></video>
  28.         <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1339725072" autoplay loop></audio>
  29.         <div class="mypic"><img src="http://qslt.net/data/attachment/forum/202412/22/185517gclz9lzqcokzqcuz.gif" alt="" /></div>
  30. </div>

  31. <script type="module">
  32.         import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js?v=1';
  33.         var gc = `
  34.         [00:00.602]单曲:止于你
  35.         [00:02.24]歌手:潘悦晨
  36.         [00:04.469]所属专辑:止于你
  37.         [00:05.264]作词 : 森林
  38.         [00:06.576]作曲 : 曹秦
  39.         [00:08.79]编曲吉他:卢骏康
  40.         [00:11.79]学习黑师20250329《DOOOO》三合一横版歌词效果
  41.         [00:26.072]四月的新绿晕开我所有柔情
  42.         [00:32.056]房子般的心
  43.         [00:34.70]无人知晓的欢愉
  44.         [00:39.018]我将这心事藏在远行春风里
  45.         [00:45.52]无声又无息
  46.         [00:46.596]恰到好处的思意
  47.         [00:51.680]云止于雾气缥缈散去的神秘
  48.         [00:58.40]光止于细雨落地微带着寒意
  49.         [01:04.064]雪止于星辰碎片洒落在天际
  50.         [01:10.266]万物就化作欢喜溢满我眼底
  51.         [01:17.16]我止于你如春阳温暖我年少
  52.         [01:22.099]微风轻轻起
  53.         [01:24.552]你一笑就足矣
  54.         [01:54.890]乍暖的朝夕盛满我所有温情
  55.         [02:00.072]似波澜不惊
  56.         [02:02.312]内心翻天覆地
  57.         [02:07.480]我将这心事藏在每天晚安里
  58.         [02:13.425]思绪般的谜
  59.         [02:15.14]遥不可及的归期
  60.         [02:20.70]云止于雾气缥缈散去的神秘
  61.         [02:26.416]光止于细雨落地微带着寒意
  62.         [02:32.659]雪止于星辰碎片洒落在天际
  63.         [02:38.602]万物就化作欢喜溢满我眼底
  64.         [02:45.386]我止于你如春阳温暖我年少
  65.         [02:51.340]微风轻轻起
  66.         [02:52.963]你一笑就足矣
  67.         [03:04.08]微风轻轻起
  68.         [03:05.680]你一笑就足矣
  69.         [03:09.652]混音:李浩纶
  70.         [03:10.520]制作人:李浩纶
  71.         [03:11.324]发行公司:杭州回声文化艺术策划有限公司
  72. `;
  73.         hcplay(tz,gc,3);
  74.         flower.onclick = () => aud.paused ? aud.play() : aud.pause();
  75. </script>
复制代码

作者: 玫の玫    时间: 2025-3-30 12:05
静静真好,代码也带来了!!
作者: 玫の玫    时间: 2025-3-30 12:06
歌曲还真好听 呢 ,还是同步滴
作者: 玫の玫    时间: 2025-3-30 12:09
她立于海边,
长发披肩,
闭眼沐浴微风,
海天一色间,
飞鸟掠过。
好意境~~
作者: 玫の玫    时间: 2025-3-30 12:10
“止于你”,
那藏在春风里的心事,
随着轻柔海风飘散,
你的一笑,
曾是她世界里最美的风景 。
谢静静带来美作与大家分享!
作者: 绿蔷薇    时间: 2025-3-30 15:27
这图图设计的真好
素雅的画面,留白很有味道
标题文字的编排制作匠心独具,美~
作者: 绿蔷薇    时间: 2025-3-30 15:29
还有代码与歌词的制作,赞~
谢谢简静的无私分享~~~

作者: 绿蔷薇    时间: 2025-3-30 15:29
问好简静,祝周末快乐~~~
作者: 浅唱    时间: 2025-3-31 11:48
图上水印能去掉就更好
作者: 浅唱    时间: 2025-3-31 11:48
欣赏你带来的精彩
新周问好
作者: 欧阳风刀    时间: 2025-3-31 14:28
很是有意境的画面,设计简约巧妙,元素丰富多彩!
作者: 欧阳风刀    时间: 2025-3-31 14:29
欣赏学习佳作!问好!
作者: 花简静    时间: 2025-4-1 19:25
玫の玫 发表于 2025-3-30 12:05
静静真好,代码也带来了!!

抱个玫玫,看到你就开心了
作者: 花简静    时间: 2025-4-1 19:25
玫の玫 发表于 2025-3-30 12:06
歌曲还真好听 呢 ,还是同步滴

我也觉得不错,一起听哦。。
作者: 花简静    时间: 2025-4-1 19:26
玫の玫 发表于 2025-3-30 12:09
她立于海边,
长发披肩,
闭眼沐浴微风,

你的回复好诗意啊,爱了爱了。
作者: 花简静    时间: 2025-4-1 19:26
玫の玫 发表于 2025-3-30 12:10
“止于你”,
那藏在春风里的心事,
随着轻柔海风飘散,

不客气哈。。
作者: 花简静    时间: 2025-4-1 19:27
绿蔷薇 发表于 2025-3-30 15:27
这图图设计的真好
素雅的画面,留白很有味道
标题文字的编排制作匠心独具,美~ ...

感谢蔷薇管管支持鼓励。。
作者: 花简静    时间: 2025-4-1 19:27
绿蔷薇 发表于 2025-3-30 15:29
还有代码与歌词的制作,赞~
谢谢简静的无私分享~~~

一起玩图开心哪。。
作者: 花简静    时间: 2025-4-1 19:28
浅唱 发表于 2025-3-31 11:48
图上水印能去掉就更好

用了代码将它隐去了。如果还能看到,是浏览器不支持。。抱歉哈。。
作者: 花简静    时间: 2025-4-1 19:28
浅唱 发表于 2025-3-31 11:48
欣赏你带来的精彩
新周问好

问好浅唱,天天快乐。。
作者: 花简静    时间: 2025-4-1 19:29
欧阳风刀 发表于 2025-3-31 14:28
很是有意境的画面,设计简约巧妙,元素丰富多彩!

问好欧阳风刀,感谢支持鼓励
作者: 玫の玫    时间: 2025-4-1 20:18
花简静 发表于 2025-4-1 19:26
你的回复好诗意啊,爱了爱了。

静静来了,有好吃滴~




欢迎光临 云荷-个人作品展示 (http://www.yhyhlt.com/) Powered by Discuz! X3.2