加林森 发表于 2022-5-20 17:32

《云烟成雨》- 房东的猫


<style>
.stage{
      margin: auto;
      position: relative;
      left: -242px;
      width: 1080px;
      height: 707px;
      background:#666 url('https://pic.imgdb.cn/item/62875f7b09475431294d0898.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 SteelBlue;
      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://music.163.com/song/media/outer/url?id=513360721.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-20 17:33

云烟成雨-房东的猫

你的晚安 是下意识的恻隐
我留至夜深 治疗失眠梦呓
那封手写信 留在行李箱底
来不及 赋予它旅途的意义
若一切 都已云烟成雨
我能否 变成淤泥
再一次 沾染你
若生命 如过场电影
Oh让我再一次 甜梦里惊醒
我多想再见你
哪怕匆匆一眼就别离
路灯下昏黄的剪影
越走越漫长的林径
我多想再见你
至少玩笑话还能说起
街巷初次落叶的秋分
渐行渐远去的我们
若一切 都已云烟成雨
我能否 变成淤泥
再一次 沾染你
若生命 如过场电影
Oh让我再一次 甜梦里惊醒
我多想再见你
哪怕匆匆一眼就别离
路灯下昏黄的剪影
越走越漫长的林径
我多想再见你
至少玩笑话还能说起
街巷初次落叶的秋分
渐行渐远去的我们
站台 汽笛响起
想念是你的声音
我们提着过去 走入人群
寻找着一个位置 安放自己
我多想再见你
哪怕匆匆一眼就别离
路灯下昏黄的剪影
越走越漫长的林径
我多想再见你
至少玩笑话还能说起
街巷初次落叶的秋分
渐行渐远去的我们

梦油 发表于 2022-5-20 17:56

加林森朋友下午好！图中飘浮着淡淡烟雾倒是挺有意思的。

马黑黑 发表于 2022-5-20 18:09

漂酿的帖子

加林森 发表于 2022-5-20 18:29

梦油 发表于 2022-5-20 17:56
加林森朋友下午好！图中飘浮着淡淡烟雾倒是挺有意思的。

是播放器带出来的。

加林森 发表于 2022-5-20 18:30

马黑黑 发表于 2022-5-20 18:09
漂酿的帖子

老黑晚上好！吃没？

马黑黑 发表于 2022-5-20 19:09

加林森 发表于 2022-5-20 18:30
老黑晚上好！吃没？

还没，不急慢慢来

加林森 发表于 2022-5-20 19:12

马黑黑 发表于 2022-5-20 19:09
还没，不急慢慢来

嗯嗯。

大猫咪 发表于 2022-5-20 19:49

好听的哥，漂亮的制作，队长好分享！真棒！晚上好！

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

梦油 发表于 2022-5-20 20:21

加林森 发表于 2022-5-20 18:29
是播放器带出来的。

哦，知道了。

加林森 发表于 2022-5-20 20:23

梦油 发表于 2022-5-20 20:21
哦，知道了。

嗯嗯。

加林森 发表于 2022-5-20 20:24

大猫咪 发表于 2022-5-20 19:49
好听的哥，漂亮的制作，队长好分享！真棒！晚上好！

猫猫晚上好！{:4_204:}{:4_190:}

小辣椒 发表于 2022-5-20 22:04

队长勤劳的小蜜蜂，一天做了这么多帖{:4_178:}

绿叶清舟 发表于 2022-5-20 22:08

队长厉害，这效果漂亮

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

小辣椒 发表于 2022-5-20 22:04
队长勤劳的小蜜蜂，一天做了这么多帖

怕忘记了。{:4_189:}

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

绿叶清舟 发表于 2022-5-20 22:08
队长厉害，这效果漂亮

我慢慢作了调整的，给什么颜色就全部统一了。

绿叶清舟 发表于 2022-5-20 22:14

加林森 发表于 2022-5-20 22:10
我慢慢作了调整的，给什么颜色就全部统一了。

这样越来越精致了

加林森 发表于 2022-5-20 23:04

绿叶清舟 发表于 2022-5-20 22:14
这样越来越精致了

嗯嗯。那天我串党duag权了就不玩了！{:4_189:}

绿叶清舟 发表于 2022-5-21 17:23

加林森 发表于 2022-5-20 23:04
嗯嗯。那天我串党duag权了就不玩了！

串谁的权了{:4_189:}

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

绿叶清舟 发表于 2022-5-21 17:23
串谁的权了

{:4_172:}
页: [1]
查看完整版本: 《云烟成雨》- 房东的猫