绿叶清舟 发表于 2023-4-16 11:10

缱绻星光下

本帖最后由 绿叶清舟 于 2023-4-16 12:16 编辑 <br /><br /><style>
#papa {margin: -80px 0 0 calc(50% - 633px);width: 1100px;height: 700px;background: green url('https://pic.imgdb.cn/item/643b63690d2dde57774c02ff.jpg') center/cover no-repeat;overflow: hidden;filter: contrast(1.2);perspective: 1000px;position: relative;--state: paused; --sy: 6deg; --sz: 100deg;}
#mplayer {position: absolute;width: 300px;height: 300px;right: 140px;top: 20px;cursor: pointer;transform-style: preserve-3d;}
.line {position: absolute;width: 1px;height: 100%;transform-style: preserve-3d;}
@keyframes rot { to { transform: rotateY(calc(var(--sy) + 360deg)) rotateZ(calc(var(--sz) + 360deg)); } }
</style>

<div id="papa">
      <div id="mplayer"></div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=234614" autoplay loop></audio>

<script>
Array.from({length: 64}).forEach( (item,key) => {
      let sp = document.createElement('span');
      sp.className = 'line';
      sp.style.cssText += `
                --sy: ${Math.random() * 720 - 360}deg;
                --sz: ${Math.random() * 720 - 360}deg;
                background: rgba(${Math.random() * 26}, ${Math.random() * 15}, ${Math.random() * 255}, .8);
                transform: rotateY(var(--sy)) rotateZ(var(--sz));
                animation: rot 30s linear infinite var(--state);
      `;
      mplayer.appendChild(sp);
});
let mState = () => mplayer.style.setProperty('--state', aud.paused ? 'paused' : 'running');
mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('play', mState, false);
aud.addEventListener('pause', mState, false);
</script>

梦油 发表于 2023-4-16 11:43

那旋转的光束真漂亮、

红影 发表于 2023-4-16 12:56

清舟这个帖子色彩好美，那个旋转的播放器颜色也调过的呢，跟背景特别协调{:4_199:}

红影 发表于 2023-4-16 12:57

清舟又用漂亮的色彩来馋我了{:4_173:}这首歌也好听{:4_187:}

友昕 发表于 2023-4-16 14:01

作词 : 周礼茂
作曲 : Jean-Loup Dabadie/G Lunghini
编曲 : 卢东尼
爱慕从来是 短
美丽从来善 变
不相信这一天
如梦似在星空下再现
还感觉长象 半生远
震撼 仍然没讲
爱念 仍然未说
心声却早相牵
情话耳畔仿佛没间断
如经过排练 爱恋篇

看星光在暖
你跟我缱绻
在这夜前
从难碰见
昨日从来是等
这夜情难自禁
终于我这一天
能在这样星空下发现
迷恋你留在 我身边
看星光在暖
你跟我缱绻
在这夜前
从难碰见
昨日从来是等
这夜情难自禁
终于我这一天
能在这样星空下发现
迷恋你留在 我身边

友昕 发表于 2023-4-16 14:12

歌曲优美浪漫、制作精彩！{:5_116:}

樵歌 发表于 2023-4-16 15:14

这色彩真是酷酷，空间还躲个妖精在偷看{:4_173:}

梦缘 发表于 2023-4-16 19:53

漂亮的光束，欣赏问好！{:4_187:}

亚伦影音工作室 发表于 2023-4-16 23:23

漂亮！

大猫咪 发表于 2023-4-17 13:44

清舟制作真棒！星海辽阔，幽幽静静，漫撒苍穹，好听好看！

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

绿叶清舟 发表于 2023-4-20 19:37

梦油 发表于 2023-4-16 11:43
那旋转的光束真漂亮、

马黑的效果了

绿叶清舟 发表于 2023-4-20 19:38

亚伦影音工作室 发表于 2023-4-16 23:23
漂亮！

谢谢亚伦晚上好

绿叶清舟 发表于 2023-4-20 19:38

梦缘 发表于 2023-4-16 19:53
漂亮的光束，欣赏问好！

谢谢梦缘，晚上好

绿叶清舟 发表于 2023-4-20 19:38

樵歌 发表于 2023-4-16 15:14
这色彩真是酷酷，空间还躲个妖精在偷看

人家明明是人好吧{:4_189:}

绿叶清舟 发表于 2023-4-20 19:39

友昕 发表于 2023-4-16 14:12
歌曲优美浪漫、制作精彩！

这些天也在找她的歌了

绿叶清舟 发表于 2023-4-20 19:39

红影 发表于 2023-4-16 12:57
清舟又用漂亮的色彩来馋我了这首歌也好听

要经常馋馋的{:4_189:}

绿叶清舟 发表于 2023-4-20 19:40

大猫咪 发表于 2023-4-17 13:44
清舟制作真棒！星海辽阔，幽幽静静，漫撒苍穹，好听好看！

这些天都是听她的了

红影 发表于 2023-4-20 21:22

绿叶清舟 发表于 2023-4-20 19:39
要经常馋馋的

坏人，馋我就那么好玩么{:4_173:}

绿叶清舟 发表于 2023-4-20 21:30

红影 发表于 2023-4-20 21:22
坏人，馋我就那么好玩么

因为馋所以馋就好玩了啊{:4_189:}

红影 发表于 2023-4-20 22:27

绿叶清舟 发表于 2023-4-20 21:30
因为馋所以馋就好玩了啊

不过这个帖子里配色实在是太美了，非常喜欢看{:4_187:}
页: [1] 2
查看完整版本: 缱绻星光下