加林森 发表于 2022-4-11 21:45

《你，好不好？》 -- 周兴哲


<style>
.stage{
        margin: auto;
        position: relative;
        left: -278px;
        width: 1152px;
        height: 720px;
        background: #666 url('https://pic.imgdb.cn/item/62542d58239250f7c51993bc.jpg') no-repeat center/cover;
        perspective: 3000px;
        perspective-origin: 50% 50%;
        cursor: pointer;
}
.stage::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url('https://638183.freep.cn/638183/Pic/2022/smoke1.gif') no-repeat center/cover;
        opacity: .1;
}
.circle {
        --x: 80px;
        position: absolute;
        width: var(--x);
        height: var(--x);
        right: 20px;
      top: 20px;
        transform-style: preserve-3d;
        animation: rot 5s linear infinite;
}
.circle div {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid skyblue;
        border-radius: 50%;
        padding: 0;
}
.circle div:nth-child(1){ transform:rotateY(0deg);}
.circle div:nth-child(2){ transform:rotateY(30deg);}
.circle div:nth-child(3){ transform:rotateY(60deg);}
.circle div:nth-child(4){ transform:rotateY(90deg);}
.circle div:nth-child(5){ transform:rotateY(120deg);}
.circle div:nth-child(6){ transform:rotateY(150deg);}
@keyframes rot{
        0%{ transform: rotateZ(30deg) rotateY(0turn);}
        100%{ transform: rotateZ(30deg) rotateY(1turn);}
}
</style>

<div class="stage">
        <div class="circle">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
        </div>
</div>

<script>
var au = document.createElement('audio');
au.src = 'https://music.163.com/song/media/outer/url?id=424264505.mp3';
au.loop = true;
au.autoplay = true;
document.querySelector('.stage').appendChild(au);
document.querySelector('.circle').onclick = function() {
        au.paused ? (au.play(), this.style.animationPlayState = 'running') : (au.pause(), this.style.animationPlayState = 'paused');
}
</script>

加林森 发表于 2022-4-11 21:45

本帖最后由 加林森 于 2022-4-11 21:46 编辑

你，好不好？-周兴哲歌词
作词 : Eric 周兴哲/吴易纬
作曲 : Eric 周兴哲
编曲 : 陈建骐
是不是 还那么爱迟到
熬夜工作又睡不好
等你完成你的目标
要戒掉逞强的嗜好
都怪我
把自尊放太高
没有把你照顾好
骄傲是脆弱的外表
最怕我的心你不要
能不能继续对我哭
对我笑对我好
继续让我为你笑
为你疯陪你老
你好不好好想知道
别急着把回忆都丢掉
我只需要你在身边
陪我吵陪我闹
用好的我
把过去坏的我都换掉
好想听到你坚决说爱我
可惜回不去那一秒
你 好不好
天知道我快要受不了
后悔 钻进心里烧
拥抱 再多一次就好
你要的我都做得到
能不能继续对我哭
对我笑 对我好
继续让我为你想
为你疯 陪你老
给你的好还要不要
答案我却不敢揭晓
我只需要你在身边
陪我吵 陪我闹
别用离开教我
失去的人最重要
别说 你曾经爱过我
让我们回到那一秒
你好不好
能不能继续对我哭
对我笑 对我好
继续让我为你想
为你疯 陪你老
你好不好 我好想知道
别急着把我的爱丢掉
我只需要你在身边
陪我吵 陪我闹
别用离开教我
失去的人最重要
别说 你曾经爱过我
让我们回到那一秒
你 好不好？

红影 发表于 2022-4-11 23:16

那个烟雾效果用在这里倒是不错呢，好像特定的舞台效果似的{:4_187:}

加林森 发表于 2022-4-11 23:18

红影 发表于 2022-4-11 23:16
那个烟雾效果用在这里倒是不错呢，好像特定的舞台效果似的

谢谢红影支持！{:4_190:}

樵歌 发表于 2022-4-12 07:22

舞台效果做得逼真，又是用的马术哈。{:4_173:}

加林森 发表于 2022-4-12 09:55

樵歌 发表于 2022-4-12 07:22
舞台效果做得逼真，又是用的马术哈。

就是就是。{:4_189:}

樵歌 发表于 2022-4-13 07:41

加林森 发表于 2022-4-12 09:55
就是就是。

早上好{:4_190:}

加林森 发表于 2022-4-13 11:37

樵歌 发表于 2022-4-13 07:41
早上好

中午好。{:4_190:}

樵歌 发表于 2022-4-13 21:04

加林森 发表于 2022-4-13 11:37
中午好。

晚上好{:4_176:}

加林森 发表于 2022-4-13 21:13

樵歌 发表于 2022-4-13 21:04
晚上好

晚上好。{:4_176:}
页: [1]
查看完整版本: 《你，好不好？》 -- 周兴哲