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

《缘分一道桥(DJAsh阿胜 Remix)》- 花僮


<style>
.stage{
      margin: auto;
      position: relative;
      left: -301px;
      width: 1199px;
      height: 568px;
      background:#666 url('https://pic.imgdb.cn/item/6291ba010947543129426073.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 #f0fcff;
      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://www.joy127.com/url/79396.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-28 14:04

缘分一道桥 - 花僮

秦时明月汉时关
万里长征人未还
但使龙城飞将在
不教胡马度阴山
狼烟千里乱葬岗
乱世孤魂无人访
无言苍天笔墨寒
笔刀春秋以血偿
谈爱恨 不能潦草
战鼓敲啊敲
用信任 立下誓言我来熬
这缘分 像一道桥
旌旗飘啊飘
你想走
就请立马抽刀
爱一笔勾销
谈爱恨 不能潦草
红尘烧啊烧
以生死 无愧证明谁重要
这缘分 像一道桥
故事瞧一瞧
走天涯 你我卸下战袍
梦回长城谣
秦时明月汉时关
万里长征人未还
但使龙城飞将在
不教胡马度阴山
血肉筑城万箭穿
盔甲染血映月光
远方胡笳催断肠
狼嚎骤起震边关
谈爱恨 不能潦草
战鼓敲啊敲
用信任 立下誓言我来熬
这缘分 像一道桥
旌旗飘啊飘
你想走 就请立马抽刀
爱一笔勾销
谈爱恨 不能潦草
红尘烧啊烧
以生死 无愧证明谁重要
这缘分 像一道桥
故事瞧一瞧
走天涯 你我卸下战袍
梦回长城谣
谈爱恨 不能潦草
红尘烧啊烧
以生死 无愧证明谁重要
这缘分 像一道桥
故事瞧一瞧
走天涯 你我卸下战袍
梦回长城谣

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

这个画面很丰满，很大气。

红影 发表于 2022-5-28 16:17

队长的每个制作用的字体都不一样，很用心。给队长点赞{:4_199:}

红影 发表于 2022-5-28 16:26

线圈的颜色也跟图片相呼应，队长越做越细致了{:4_187:}

醉美水芙蓉 发表于 2022-5-28 16:28

加林森 发表于 2022-5-28 17:57

梦油 发表于 2022-5-28 15:59
这个画面很丰满，很大气。

很奔放的吧。

加林森 发表于 2022-5-28 17:58

红影 发表于 2022-5-28 16:17
队长的每个制作用的字体都不一样，很用心。给队长点赞

谢谢红影支持！

加林森 发表于 2022-5-28 17:58

红影 发表于 2022-5-28 16:26
线圈的颜色也跟图片相呼应，队长越做越细致了

嗯嗯， 是的，这样好看点。

加林森 发表于 2022-5-28 17:59

醉美水芙蓉 发表于 2022-5-28 16:28
队长制图越来越漂亮了！

谢谢水芙蓉！{:4_171:}{:4_190:}

梦油 发表于 2022-5-28 20:10

加林森 发表于 2022-5-28 17:57
很奔放的吧。

是的，是的。

加林森 发表于 2022-5-28 20:25

梦油 发表于 2022-5-28 20:10
是的，是的。

嗯嗯。
页: [1]
查看完整版本: 《缘分一道桥(DJAsh阿胜 Remix)》- 花僮