加林森 发表于 2022-8-23 17:26

《一叶》- 宫阁


<style>
#papa { left: -214px; /*margin: auto;*/ width: 1024px; height: 576px; display: grid; place-items: center; background: teal url('https://pic.imgdb.cn/item/63049c4c16f2c2beb1b7c5e5.png') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; z-index: 3; }
#disc { position: absolute; width: 40px; height: 40px; left: 10px; top: 10px; background: conic-gradient(red,orange,yellow,green,teal,blue,purple); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); border-radius: 50%; cursor: pointer; animation: rot 2s linear infinite; }
#lrcbox { position: absolute; left: 60px; top: 10px;font: bold 22px / 40px sans-serif; color: lightblue; text-shadow: 2px 2px 4px #222; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="papa">
      <span id="disc"></span>
      <span id="lrcbox">一叶-宫阁</span>
</div>

<script>

let aud = new Audio();      
aud.src = 'https://music.163.com/song/media/outer/url?id=1499175675.mp3';
aud.loop = true;
aud.autoplay = true;

disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');

</script>

加林森 发表于 2022-8-23 17:27

歌词：

作词 : 宫阁
作曲 : 宫阁
编曲 : 宫阁

见诗人又害怕起悲欢无常
心驰神往着形骸放浪
或铜板响
正热闹的戏
卖弄痴傻荒唐
无关痛痒

天荒地老
不过是浮夸诗篇
海枯石烂
曾出现在谁眼前
你我如蚍蜉
匆匆天地之间
怎许得出
太遥远的诺言
世间恶人
自有英雄能杀光
狐朋狗友
尽有那酒肉陪葬
我只在乎你
是否还在身边
能陪我看
日落山云遮月

（天荒地老
不过是浮夸诗篇
海枯石烂
曾出现在谁眼前
你我如蚍蜉
匆匆天地之间
怎许得出
太遥远的诺言）

若还能吻你到破晓
谁管那障目纷扰
谁管它九重天高

若还能吻你到破晓
谁管那障目纷扰
谁管它九重天高

若还能吻你到破晓
谁管那障目纷扰
谁管它九重天高

障目纷扰

加林森 发表于 2022-8-23 17:51

@马黑黑

马黑黑 发表于 2022-8-23 18:06

欣赏队长佳作

加林森 发表于 2022-8-23 18:20

马黑黑 发表于 2022-8-23 18:06
欣赏队长佳作

谢谢老黑支持！{:4_191:}

红影 发表于 2022-8-23 20:13

好听，欣赏队长好帖{:4_204:}

加林森 发表于 2022-8-23 20:17

红影 发表于 2022-8-23 20:13
好听，欣赏队长好帖

谢谢啦。{:4_204:}
页: [1]
查看完整版本: 《一叶》- 宫阁