《拷红》（学习黑黑花潮格式LRC歌词同步）
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/68a0932f58cb8da5c8289862.jpg') no-repeat center/cover; --ma-size: 18%; }
#pa::before { position: absolute; content: ''; width: 240px; height: 240px; left: 39%; top: 18%; background: url('https://pic1.imgdb.cn/item/68a092da58cb8da5c8289841.png') no-repeat center/cover; animation: sway 1s linear infinite alternate var(--state);}
#ma { right: 30px; top: 30px; background:url('https://pic1.imgdb.cn/item/68a1add058cb8da5c82ab782.png') no-repeat center/cover; }
#lrc { bottom: 40px; font: bold 2.8em STLiti !important; color:#fedceb !important; }
#lrc::before { background: repeating-linear-gradient(135deg, transparent, #fdd3e4, transparent 4%) !important; background-clip: text !important; }
#btnFs { left: 30px; bottom: 30px; color: #fff; }
@keyframes sway { to { transform: rotate(-5deg); } }
</style>
<div id="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1318404038" autoplay loop></audio>
<video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/09/15/19/19/41/video65043dcd17e69.mp4" autoplay loop muted></video>
<div id="ma" class="brightness"></div>
<div id="lrc" data-lrc="HUACHAO LRC">HUACHAO LRC</div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
var geci = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
FS(pa, ma);
lrc(pa, geci);
</script> 从江南的视频里截了个图，谢谢江南。
看到拷红两字，就想起听过的周璇的歌，小的时候一个同学，就住在豫园后面，她家很窄小但很古韵，窗外有漂亮的檐角，和豫园里的一样，在她家唱机听到过的这首歌。如今她家房子早就动迁了，和她失去了联系，这首歌却记着了。就用这歌做个帖子玩，再次领略金嗓子周璇的韵味。 把歌词高亮改成了重复线性渐变，看看效果。谢谢黑黑告诉的!important ，歌词的颜色和大小能调了@马黑黑 {:4_187:} 红影 发表于 2025-8-17 19:55
把歌词高亮改成了重复线性渐变，看看效果。谢谢黑黑告诉的!important ，歌词的颜色和大小能调了@马黑黑 {:4 ...
!important 关键字之前有说过的，专家贵人多忘事{:4_170:} 不过理论上不用 !important 也是可以的 本来也想弄小播的小点点效果，把黑黑《星空夜舞》里的小播图图换成了
https://pic1.imgdb.cn/item/68a19d0458cb8da5c82a8db7.png
然后就显示了一次，后面就不见了。本来还想调调小点点的颜色呢，看不到没办法，只能换了现在的小播。 这个版本的歌曲前后都纯音乐的时间太长，为了不那么空白，我只能自己硬加了很多字进去{:4_173:} 问候先生，并欣赏佳作！周末快乐！ 嗬！我已经好多年没听周旋的歌曲了。 漂亮，谢谢影子精彩分享{:4_204:} 影子作品真漂亮，画面呈粉色温馨唯美。。。
小播换成毛绒绒的样子，特别好看。。。
红娘手上的文字框加了动态摇摆效果，显得十分灵动。。。{:4_187:} 歌词换成了线性渐变，色彩 调整得与背景完美契合，代码清晰，技术高超，特别喜欢的作品{:4_199:} 马黑黑 发表于 2025-8-17 19:56
!important 关键字之前有说过的，专家贵人多忘事
在CSS里更改可以这么完成，又学到了。。大赞。。{:4_173:} 花飞飞 发表于 2025-8-17 22:00
在CSS里更改可以这么完成，又学到了。。大赞。。
官方文档都有的 马黑黑 发表于 2025-8-17 19:56
!important 关键字之前有说过的，专家贵人多忘事
在前面修改全屏框里的颜色时，看到黑黑用过，知道它的功效，主要不熟悉，使用的时候就完全想不起了{:4_173:} 马黑黑 发表于 2025-8-17 19:57
不过理论上不用 !important 也是可以的
还是需要用的，有些修改它不理睬{:4_173:}
对了，我想做小点点的小播呢，结果也是没弄出来，我只是个换个6楼的图片，就是不出来。 红影 发表于 2025-8-17 22:16
在前面修改全屏框里的颜色时，看到黑黑用过，知道它的功效，主要不熟悉，使用的时候就完全想不起了{:4_17 ...
一句话：没有混个脸熟 小文 发表于 2025-8-17 20:22
问候先生，并欣赏佳作！周末快乐！
问好小文，谢谢。晚上好{:4_187:} 梦油 发表于 2025-8-17 21:24
嗬！我已经好多年没听周旋的歌曲了。
其实这歌演唱的版本很多，看到有周璇的，就用她的了。 杨帆 发表于 2025-8-17 21:57
漂亮，谢谢影子精彩分享
多谢杨帆鼓励{:4_187:}