加林森 发表于 2022-5-18 13:45

《心灯 (MV版)》-- 谭晶

<style>
.stage{
        margin: auto;
        position: relative;
        left: -305px;
        width: 1200px;
        height: 550px;
        background:#666 url('https://pic.imgdb.cn/item/62848b6409475431292364ec.jpg');
        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: 180px;
               left: 84px;
        transform-style: preserve-3d;
        animation: rot 5s linear infinite;
}
.circle div {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid DeepPink;
        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 = 'http://www.kumeiwp.com/sub/filestores/2022/05/18/1291f3f8f13846b1b802bacf8e1048e5.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-5-18 13:45

谭晶 - 心灯 (MV版)歌词
世上有盏神奇的灯火
从来不需要点亮
也从未熄灭过
它比太阳更明亮
它比月光更柔和
世上有盏美丽的灯火
照亮初生的蝼蚁
也照亮亘古的山河
它的光芒遍大千
一直照到每颗心灵
孤独的角落
灯火啊灯火
神奇的灯火
有了它就不会有寒冷和寂寞
灯火啊灯火
美丽的灯火
沿着它的光明走啊
就能走到永恒的快乐
灯火啊灯火（南无阿弥陀佛）
神奇的灯火（南无阿弥陀佛）
有了它就不会有寒冷和寂寞（南无阿弥陀佛）
灯火啊灯火（南无阿弥陀佛）
美丽的灯火（南无阿弥陀佛）
沿着它的光明走啊（南无阿弥陀佛）
就能走到永恒的快乐（南无阿弥陀佛）
南无阿弥陀佛


大猫咪 发表于 2022-5-18 13:55

好听好看{:4_187:} 队长好分享，现在听真舒服！ 辛苦{:4_190:}

{:4_187:}{:4_190:}

小辣椒 发表于 2022-5-18 14:25

队长这个图图漂亮。按钮红的也是很配的不错

加林森 发表于 2022-5-18 14:28

小辣椒 发表于 2022-5-18 14:25
队长这个图图漂亮。按钮红的也是很配的不错

谢谢小辣椒。{:4_204:}

加林森 发表于 2022-5-18 14:35

大猫咪 发表于 2022-5-18 13:55
好听好看   队长好分享，现在听真舒服！ 辛苦

谢谢猫猫。{:4_204:}{:4_190:}

梦油 发表于 2022-5-18 14:53

你这个图设计得真潇洒。

红影 发表于 2022-5-18 15:36

清爽的背景，非常漂亮的制作{:4_187:}

加林森 发表于 2022-5-18 16:51

梦油 发表于 2022-5-18 14:53
你这个图设计得真潇洒。

老梦下午好！是的。

加林森 发表于 2022-5-18 16:52

红影 发表于 2022-5-18 15:36
清爽的背景，非常漂亮的制作

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

梦油 发表于 2022-5-18 17:49

加林森 发表于 2022-5-18 16:51
老梦下午好！是的。

你的制作越来越棒。

加林森 发表于 2022-5-18 17:51

梦油 发表于 2022-5-18 17:49
你的制作越来越棒。

必须的嘛。

梦油 发表于 2022-5-18 17:53

加林森 发表于 2022-5-18 16:51
老梦下午好！是的。

丰姿绰约、 神采飘逸 。漂亮！

加林森 发表于 2022-5-18 18:10

梦油 发表于 2022-5-18 17:53
丰姿绰约、 神采飘逸 。漂亮！

老梦吃晚饭没有啊？

梦油 发表于 2022-5-18 18:31

加林森 发表于 2022-5-18 18:10
老梦吃晚饭没有啊？

马上就开餐。你也该吃饭了吧！

加林森 发表于 2022-5-18 18:32

梦油 发表于 2022-5-18 18:31
马上就开餐。你也该吃饭了吧！

我都吃完了。

东篱闲人 发表于 2022-5-18 18:33

漂亮！最近加加和女明星干上了。。。{:5_116:}

加林森 发表于 2022-5-18 18:47

东篱闲人 发表于 2022-5-18 18:33
漂亮！最近加加和女明星干上了。。。
你与那个啥也干上了的嘛。。。。{:4_170:}

醉美水芙蓉 发表于 2022-5-18 21:13

加林森 发表于 2022-5-18 21:18

醉美水芙蓉 发表于 2022-5-18 21:13
欣赏队长佳作！辛苦了！

谢谢水芙蓉。晚上好！不辛苦的。
页: [1]
查看完整版本: 《心灯 (MV版)》-- 谭晶