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

《明日话今天》- 童丽


<style>
.stage{
      margin: auto;
      position: relative;
      left: -214px;
      width: 1024px;
      height: 681px;
      background:#666 url('https://pic.imgdb.cn/item/6288ef1509475431295593f2.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: 60px;
               left: 84px;
      transform-style: preserve-3d;
      animation: rot 5s linear infinite;
}
.circle div {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 1px solid Crimson;
      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/21/10a74cc6f4d9011b787d7e409242ea7f.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-21 21:59

明日话今天--童丽
无论有几多变迁
何必诸多挂牵
过了今天再有一天
仲有几个十年
愿望系做个预算
梦幻系自我去编
无谓去找个道理
把你欺骗
命里系注定从前
梦境系一片胡言
唯有我永远面对目前
明日话今天
昨天亦提到
想到旧年更多挑战
迎面有几多变迁
谁知道边一个先
这里高山那里沧海
在哪天变良田
实在系话变就变
预伏在乐趣前面
前面有千变万化
不会睇见


大猫咪 发表于 2022-5-21 22:01

真漂亮，歌也非常喜欢！队长好制作！

{:4_204:}{:4_199:}

马黑黑 发表于 2022-5-21 22:02

话话也好

加林森 发表于 2022-5-21 22:05

大猫咪 发表于 2022-5-21 22:01
真漂亮，歌也非常喜欢！队长好制作！

嗯嗯，谢谢猫猫啦。{:4_204:}{:4_190:}

加林森 发表于 2022-5-21 22:05

马黑黑 发表于 2022-5-21 22:02
话话也好

当然了嘛。

大猫咪 发表于 2022-5-21 22:05

加林森 发表于 2022-5-21 22:05
嗯嗯，谢谢猫猫啦。

{:4_179:}

加林森 发表于 2022-5-21 22:06

大猫咪 发表于 2022-5-21 22:05


{:4_179:}

马黑黑 发表于 2022-5-21 22:09

加林森 发表于 2022-5-21 22:05
当然了嘛。

{:4_190:}

千羽 发表于 2022-5-21 22:11

队长用秀秀做的图很精彩，画面好美{:4_187:}

千羽 发表于 2022-5-21 22:13

歌儿好听，按钮也很漂亮{:4_187:}

红影 发表于 2022-5-21 22:18

好听的歌儿，队长的制作真漂亮{:4_187:}

加林森 发表于 2022-5-21 22:20

马黑黑 发表于 2022-5-21 22:09


谢茶！

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

千羽 发表于 2022-5-21 22:11
队长用秀秀做的图很精彩，画面好美

这个就是秀秀软件制作的。漂亮吧！

马黑黑 发表于 2022-5-21 22:22

加林森 发表于 2022-5-21 22:20
谢茶！

客气

加林森 发表于 2022-5-21 22:23

千羽 发表于 2022-5-21 22:13
歌儿好听，按钮也很漂亮

嗯嗯，按钮也是根据图片来修改的。

加林森 发表于 2022-5-21 22:24

红影 发表于 2022-5-21 22:18
好听的歌儿，队长的制作真漂亮

谢谢红影啦！

加林森 发表于 2022-5-21 22:27

马黑黑 发表于 2022-5-21 22:22
客气

{:4_191:}

绿叶清舟 发表于 2022-5-21 22:41

画面真美，歌声也好甜的

加林森 发表于 2022-5-21 22:44

绿叶清舟 发表于 2022-5-21 22:41
画面真美，歌声也好甜的

嗯嗯。我目前只有这个本事了。
页: [1] 2
查看完整版本: 《明日话今天》- 童丽