论坛 › 欢乐水吧 › 《锦时书》--醉雪 浮生梦（根据老黑教程制作）

加林森 发表于 2022-5-4 11:16

《锦时书》--醉雪 浮生梦（根据老黑教程制作）

<style>
.outer { left: -214px; width: 1024px; height: 700px; background: linear-gradient(45deg, red, green), url('https://pic.imgdb.cn/item/62725e6409475431295564f8.jpg') no-repeat center/cover; background-blend-mode: overlay, normal; filter: drop-shadow(0 0 10px gray); opacity: .95; position: relative; }
.outer h2 { margin: 0; position: absolute; left: 80%; top: 90px; font: bold 2em sans-serif; color: teal; text-shadow: 1px 1px 2px #222; }
.spic { position: absolute; left:480; width: 200px; height: 296px; top: 120px; mix-blend-mode: multiply; }
.r-small { position: absolute; width: 100px; height: 100px; border-radius: 50%; top: calc(100% - 120px); left: calc(100% - 120px); cursor: pointer; text-align: center; animation: rot 6s linear infinite; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="outer">
        <h2>锦时书</h2>
        <img class="spic" src="https://pic.imgdb.cn/item/62725cb9094754312951aa0b.png" alt="" />
        <div class="outer r-small"></div>
</div>

<script>
let flag = true;
let ele = document.querySelector('.r-small');
let au = document.createElement('audio');
au.src = 'http://www.kumeiwp.com/sub/filestores/2022/02/19/e8f8b9c2dd83542f28703664ebf7c63f.mp3';
au.loop = true;
au.autoplay = flag;
au.style.display = 'none';
ele.appendChild(au);
if(!flag) ele.style.animationPlayState = 'paused';
ele.onclick = function() { flag ? (au.pause(), this.style.animationPlayState = 'paused', flag = false) : (au.play(), this.style.animationPlayState = 'running', flag = true); }
</script>

加林森 发表于 2022-5-4 11:16

锦时书
一茶二松 – 锦时书
作曲 : Bear佩含
作词 : 庐晚
檐满霜
悄将心事藏
笔墨替了案上香
清风乱翻书章
字句之间皆情长
灯夜倦
欲借他乡月
望一眼她的模样
信末了
却又添两行
分不清
假意真心友
看不透
他眉宇间藏的愁
岁月悠悠
将遗憾留待回首
漫如昨
道是痴情错
韶华落
她褪却了海棠色
前尘忘
重种下相思的红豆
檐满霜
悄将心事藏
笔墨替了案上香
清风乱翻书章
字句之间皆情长
小轩窗
她对镜梳妆
方知原是梦一场
遥相望
羡归雁成双
终分清
假意真心友
也看透
他眉宇间藏的愁
岁月悠悠
将遗憾换作相守
锦书托
字染苦与乐
别回头
她阅故信叹挽留
前尘忘
将旧梦晒干来下酒
且饮尽
忘了这 世间忧

加林森 发表于 2022-5-4 11:17

@马黑黑

大猫咪 发表于 2022-5-4 12:38

图美歌靓 ，队长好制作，朦朦胧胧的景致，让歌更有味道了，赞！！

{:4_204:}{:4_179:}{:4_190:}

加林森 发表于 2022-5-4 12:40

大猫咪 发表于 2022-5-4 12:38
图美歌靓 ，队长好制作，朦朦胧胧的景致，让歌更有味道了，赞！！

都是跟老黑学习的。{:4_204:}{:4_190:}{:4_179:}

大猫咪 发表于 2022-5-4 12:44

加林森 发表于 2022-5-4 12:40
都是跟老黑学习的。

好听又好看   老黑收礼开心！

{:4_179:}{:4_199:}{:4_204:}

加林森 发表于 2022-5-4 12:45

大猫咪 发表于 2022-5-4 12:44
好听又好看   老黑收礼开心！

这首歌曲挺好听的。{:4_179:}{:4_190:}{:4_179:}

小辣椒 发表于 2022-5-4 12:48

队长现在学习速度真快的

制作好漂亮

大猫咪 发表于 2022-5-4 12:50

加林森 发表于 2022-5-4 12:45
这首歌曲挺好听的。

是的非常不错   循环了好几次    收藏了 {:4_187:}{:4_179:}

加林森 发表于 2022-5-4 13:00

大猫咪 发表于 2022-5-4 12:50
是的非常不错   循环了好几次    收藏了

嗯嗯。{:4_204:}{:4_179:}

加林森 发表于 2022-5-4 13:00

小辣椒 发表于 2022-5-4 12:48
队长现在学习速度真快的

制作好漂亮

我是紧跟老黑学习的。{:4_204:}

红影 发表于 2022-5-4 13:25

好听，队长学得真快啊，厉害{:4_187:}

加林森 发表于 2022-5-4 13:28

红影 发表于 2022-5-4 13:25
好听，队长学得真快啊，厉害

嗯嗯，跟紧点好。{:4_189:}

马黑黑 发表于 2022-5-4 13:42

队长学会了用缩影做播放器遥控

加林森 发表于 2022-5-4 13:44

马黑黑 发表于 2022-5-4 13:42
队长学会了用缩影做播放器遥控

你教得好。{:4_191:}

马黑黑 发表于 2022-5-4 13:52

加林森 发表于 2022-5-4 13:44
你教得好。

这个我都没有解释呢

加林森 发表于 2022-5-4 15:08

马黑黑 发表于 2022-5-4 13:52
这个我都没有解释呢

我看了你的代码就去制作了。

马黑黑 发表于 2022-5-4 16:59

加林森 发表于 2022-5-4 15:08
我看了你的代码就去制作了。

{:4_190:}

加林森 发表于 2022-5-4 17:00

马黑黑 发表于 2022-5-4 16:59


谢茶！

大猫咪 发表于 2022-5-4 21:37

队长改得漂亮现在和音乐融合的非常棒   赞{:4_187:}{:4_179:}

查看完整版本: 《锦时书》--醉雪 浮生梦（根据老黑教程制作）