加林森 发表于 2022-4-14 18:15

《千年一声唱(Live)》 -- 那英、肖战


<style>
.stage{
        margin: auto;
        position: relative;
        left: -2px;
        width: 720px;
        height: 330px;
        background: #666 url('https://pic.imgdb.cn/item/6257ef22239250f7c5fc1bc6.gif') 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 = 'http://www.kumeiwp.com/sub/filestores/2022/04/13/b1d4f5cadf6b96e11cb2f2fa3a8eb432.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-14 18:15

本帖最后由 加林森 于 2022-4-14 18:16 编辑

千年一声唱 (Live) - 那英/肖战

词：（唐）王维/（唐）李白/康震/喻江/徐梦雅

曲：刘卓
肖：新丰美酒斗十千咸阳游侠多少年肖：相逢意气为君饮系马高楼垂柳边那：一弯秋月好酒量肖：一把寒剑洗秋霜那：一缕春雨随风入肖：一树烟柳碧玉妆那：落音诗酒之间肖：穿过一字一句和你相见那：落音风花雨雪肖：无意拨弄了岁月的琴弦那：落音诗酒之间肖：穿越时光的月照亮今夜那：落音千回百转肖：汇成歌声温暖每一片心田肖：登高壮观天地间大江茫茫去不还肖：黄云万里动风色白波九道流雪山那：一曲高山流水长肖：一池萍碎竹影墙那：一帘幽梦青花里肖：一泼山水是清狂那：落音诗酒之间肖：穿过一字一句和你相见那：落音风花雨雪合：无意拨弄了岁月的琴弦那：落音诗酒之间肖：穿越时光的月照亮今夜那：落音千回百转合：汇成歌声温暖每一片心田那：落音化作万物肖：伴随经典那/肖：永远流传

红芍药 发表于 2022-4-14 18:48

欣赏队长佳作，好听的对唱。{:4_199:}{:4_199:}

加林森 发表于 2022-4-14 18:58

红芍药 发表于 2022-4-14 18:48
欣赏队长佳作，好听的对唱。

芍药晚上好，请喝：{:4_190:}

樵歌 发表于 2022-4-14 21:30

又用上新马术了哈

加林森 发表于 2022-4-14 21:32

樵歌 发表于 2022-4-14 21:30
又用上新马术了哈

这个是我自己搞的，可以算是原创的。

红影 发表于 2022-4-14 21:58

又是动图的，队长真棒{:4_187:}

加林森 发表于 2022-4-14 22:01

红影 发表于 2022-4-14 21:58
又是动图的，队长真棒

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

鱼儿 发表于 2022-4-14 23:36

经典咏流传

加林森 发表于 2022-4-14 23:38

鱼儿 发表于 2022-4-14 23:36
经典咏流传

谢谢鱼儿支持！{:4_190:}

樵歌 发表于 2022-4-15 11:37

加林森 发表于 2022-4-14 21:32
这个是我自己搞的，可以算是原创的。

厉害哈{:4_199:}

加林森 发表于 2022-4-15 12:11

樵歌 发表于 2022-4-15 11:37
厉害哈

一般一般{:4_190:}

樵歌 发表于 2022-4-15 20:25

加林森 发表于 2022-4-15 12:11
一般一般

世界第三{:4_199:}

加林森 发表于 2022-4-15 20:29

樵歌 发表于 2022-4-15 20:25
世界第三

倒数第三

樵歌 发表于 2022-4-16 13:35

加林森 发表于 2022-4-15 20:29
倒数第三

支持原创{:4_189:}

加林森 发表于 2022-4-16 13:41

樵歌 发表于 2022-4-16 13:35
支持原创

谢谢！{:4_190:}

樵歌 发表于 2022-4-17 21:23

加林森 发表于 2022-4-16 13:41
谢谢！

不客气嘛{:4_190:}

加林森 发表于 2022-4-17 21:27

樵歌 发表于 2022-4-17 21:23
不客气嘛

好的好的。{:4_190:}
页: [1]
查看完整版本: 《千年一声唱(Live)》 -- 那英、肖战