加林森 发表于 2022-5-15 13:54

《虞兮叹》- 闻人听書

本帖最后由 加林森 于 2022-5-15 13:57 编辑 <br /><br /><style>
.stage{
        margin: auto;
        position: relative;
        left: -214px;
        width: 1024px;
        height: 576px;
        background: #666 url('https://pic.imgdb.cn/item/628096410947543129b0121f.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 = 'http://www.kumeiwp.com/sub/filestores/2021/03/01/667499597512aaa1f0bf3ff10581892d.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-15 13:54

本帖最后由 加林森 于 2022-5-15 14:01 编辑



闻人听書_ - 虞兮叹
作词：祝何
作曲：祝何
编曲：祝何
混音师：唐瑜
和声：田跃君
制作人：蒋雪儿 Snow.J
监制：蒋雪儿 Snow.J
OP、SP ：青风音乐Cheerful Music

楚河流沙几聚散
日月沧桑尽变换
乱世多少红颜换一声长叹
谁曾巨鹿踏破了秦关
千里兵戈血染
终究也不过是风轻云淡
长枪策马平天下
此番诀别却为难
一声虞兮虞兮泪眼已潸然
与君共饮这杯中冷暖
西风彻夜回忆吹不断
醉里挑灯看剑 妾舞阑珊
垓下一曲离乱 楚歌声四方
含悲 辞君 饮剑 血落凝寒霜
难舍一段过往 缘尽又何妨
与你魂归之处便是苍茫
长枪策马平天下
此番诀别却为难
一声虞兮虞兮泪眼已潸然
与君共饮这杯中冷暖
西风彻夜回忆吹不断
醉里挑灯看剑 妾舞阑珊
垓下一曲离乱 楚歌声四方
含悲 辞君 饮剑 血落凝寒霜
难舍一段过往 缘尽又何妨
与你魂归之处便是苍茫
汉兵刀剑纷乱 折断了月光
江畔 只身 孤舟 余生不思量
难舍一段过往 缘尽又何妨
与你来生共寄山高水长


[



小辣椒 发表于 2022-5-15 14:08

队长现在做图有进步了{:4_199:}

加林森 发表于 2022-5-15 14:10

小辣椒 发表于 2022-5-15 14:08
队长现在做图有进步了

有一点点了。{:4_189:}

小辣椒 发表于 2022-5-15 14:13

图图尺寸做了实际尺寸1024X576

队长很棒，几个月时间进步是突飞猛进的{:4_177:}

加林森 发表于 2022-5-15 14:14

小辣椒 发表于 2022-5-15 14:13
图图尺寸做了实际尺寸1024X576

队长很棒，几个月时间进步是突飞猛进的

谢谢小辣椒鼓励，我会继续努力的。

红影 发表于 2022-5-15 16:59

漂亮，线圈按钮用在这里真漂亮{:4_187:}

加林森 发表于 2022-5-15 17:00

红影 发表于 2022-5-15 16:59
漂亮，线圈按钮用在这里真漂亮

现在我换了播放器了哦。{:4_189:}

梦油 发表于 2022-5-15 17:57

抽象的画面留给人们以无限的遐想。

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

梦油 发表于 2022-5-15 17:57
抽象的画面留给人们以无限的遐想。

是的。

大猫咪 发表于 2022-5-15 19:32

制作真好看   {:4_187:}第一次听这歌   好听    队长好分享！ {:4_187:}

加林森 发表于 2022-5-15 20:13

大猫咪 发表于 2022-5-15 19:32
制作真好看   第一次听这歌   好听    队长好分享！

就是，很有点古风的风格的。{:4_204:}{:4_190:}

梦油 发表于 2022-5-15 20:38

加林森 发表于 2022-5-15 18:18
是的。

这样的作品给人留意不尽的余味。

马黑黑 发表于 2022-5-15 20:49

队长的帖子好漂酿

加林森 发表于 2022-5-15 20:50

梦油 发表于 2022-5-15 20:38
这样的作品给人留意不尽的余味。

就是古风风格。

加林森 发表于 2022-5-15 20:50

马黑黑 发表于 2022-5-15 20:49
队长的帖子好漂酿

谢谢老黑。

梦油 发表于 2022-5-15 20:59

加林森 发表于 2022-5-15 20:50
就是古风风格。

是的，队长。

加林森 发表于 2022-5-15 21:03

梦油 发表于 2022-5-15 20:59
是的，队长。

嗯嗯。

东篱闲人 发表于 2022-5-15 21:11

那个男的罗圈腿。。。{:4_189:}

加林森 发表于 2022-5-15 21:13

东篱闲人 发表于 2022-5-15 21:11
那个男的罗圈腿。。。

你眼神这么好？{:5_115:}
页: [1] 2
查看完整版本: 《虞兮叹》- 闻人听書