何西 - 风说（学习黑黑何西-黑光代码）
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa {
--offsetX: 81px;
--bg:url('https://pic1.imgdb.cn/item/68a96a2558cb8da5c84531cb.jpg') no-repeat center/cover,
repeating-linear-gradient(45deg, rgba(249,251,228,.35) 0 1px, transparent 2px 10px),
repeating-linear-gradient(0deg, rgba(249,251,228,.35) 0 1px, transparent 2px 10px),
repeating-linear-gradient(90deg, rgba(249,251,228,.35) 0 1px, transparent 2px 10px),
repeating-linear-gradient(135deg, rgba(249,251,228,.35) 0 1px, transparent 2px 10px);
--ma-size: 20%;
--mode: hue;
background-blend-mode: var(--mode);
}
#ma {
left: 30px;
top: 30px;
background:
url('https://pic1.imgdb.cn/item/68a96fa258cb8da5c845ac5b.png') no-repeat center/cover,
url('https://638183.freep.cn/638183/web/svg/rotc.svg') no-repeat center/ 85% 85%;
background-blend-mode: var(--mode);
}
#btnFs { left: 30px; bottom: 20px; color: #c8f1fe; }
#lrc { right: 80px; top: 40px; color: #c8f1fe; letter-spacing: 4px; font: bold 2.8em STLiti; writing-mode: vertical-lr; }
#lrc::before { width: 100%; height: 0; background: url('https://pic1.imgdb.cn/item/687f941558cb8da5c8cbfc78.jpg') center; background-clip: text; }
@keyframes cover1 { from { height: 0; }to { height: 100%; } }
@keyframes cover2 { from { height: 0; }to { height: 100%; } }
</style>
<div id="pa">
<audio id="audio" src="https://music.163.com/song/media/outer/url?id=1897405399" autoplay loop></audio>
<video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/08/05/22/video6365a8c2a7d3d.mp4" autoplay loop muted></video>
<video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/08/05/22/video6365a8c298d7f.mp4" autoplay loop muted></video>
<div id="ma" class="brightness"></div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
FS(pa, ma);
audio.onplaying = audio.onpause = () => {
pa.style.setProperty('--mode', audio.paused ? 'normal' : 'hue');
};
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
var geci = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
lrc(pa, geci);
</script> 学习一下暂停时把那个网子隐去，有网时朦胧，没网时候清爽点。谢谢黑黑代码@马黑黑 {:4_187:} 本来想做《倒车 请注意》呢，需要自己去听歌词，因为没有现成的歌词。
去听了一下，听得乱七八糟，还是算了，换了一首{:4_173:} 漂亮！谢谢影子精彩分享{:4_187:} 这个有创意 杨帆 发表于 2025-8-23 22:25
漂亮！谢谢影子精彩分享
多谢杨帆鼓励{:4_187:} 马黑黑 发表于 2025-8-23 22:27
这个有创意
我记得有一天就在问你，格网有朦胧感，应该也能像图片暂停时隐去，然后就去试了{:4_173:} 红影 发表于 2025-8-23 23:02
我记得有一天就在问你，格网有朦胧感，应该也能像图片暂停时隐去，然后就去试了
这个应该是可以自己试试的，这不就试出来了吗？小播那里也一样。 画面设计独特，还加上旋转文字和网格，太厉害了！{:4_187:} 谢谢影子精彩分享，周日快乐！{:4_199:} 马黑黑 发表于 2025-8-23 23:06
这个应该是可以自己试试的，这不就试出来了吗？小播那里也一样。
是的，我还把格网多加了两道，变密集了些{:4_173:} 梦江南 发表于 2025-8-24 07:15
画面设计独特，还加上旋转文字和网格，太厉害了！
网格是另一个帖子里的，我只是想试试画出来的网和图片一样是可以隐去的{:4_173:} 梦江南 发表于 2025-8-24 07:17
谢谢影子精彩分享，周日快乐！
多谢江南，我们一起快乐{:4_187:} 红影 发表于 2025-8-24 09:07
是的，我还把格网多加了两道，变密集了些
设计是你的长项 红影 发表于 2025-8-24 09:08
网格是另一个帖子里的，我只是想试试画出来的网和图片一样是可以隐去的
很成功。真厉害！ 红影 发表于 2025-8-24 09:09
多谢江南，我们一起快乐
影子辛苦了！ 朦胧的画面很有魅力。{:5_116:} 马黑黑 发表于 2025-8-24 09:22
设计是你的长项
所谓的设计也是在某些规则下的设计而已{:4_173:} 梦江南 发表于 2025-8-24 09:31
很成功。真厉害！
主要是好玩的，可以用网格把图片盖住，还能把网去掉{:4_173:} 梦江南 发表于 2025-8-24 09:32
影子辛苦了！
不辛苦啊，问好江南{:4_187:}