大猫咪 发表于 2022-4-20 22:11

玻璃心 - 小娟&

本帖最后由 大猫咪 于 2022-4-20 22:17 编辑 <br /><br /><style>
.stage{
      margin: auto;
      position: relative;
      left: -214px;
      width: 1100px;
      height: 700px;
      background: #666 url('https://s3.bmp.ovh/imgs/2022/04/20/e4c394a89dfe4395.webp') no-repeat center/cover;
      perspective: 3000px;
      perspective-origin: 50% 50%;
}
.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);
      left: 20px;
      top: 560px;
      cursor: pointer;
      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://music.163.com/song/media/outer/url?id=25729039.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-21 08:53

有趣，云烟飘拂在猫咪的眼里，淋湿了猫咪的玻璃心{:4_187:}

红影 发表于 2022-4-21 08:55

戴着小帽子的猫咪好可爱，欣赏猫猫好制作{:4_199:}
线圈按钮很好用。

红影 发表于 2022-4-21 08:56

让我再一次握你的手

让我再一次亲吻你的脸

顺着我脸庞滑下的

是我的泪

在我胸中跳动的

是我的心

让我再一次握你的手

让我再一次亲吻你的脸

顺着我脸庞滑下的

是我的泪

在我胸中刺痛的

是我的心

爱人的心是玻璃作的

既以破碎了就难以再愈合

就像那只摔破的吉它

再已听不到那原来的音色

哆 咪 哆 咪

哆 咪 哆

哆 咪 哆 咪

哆 咪 哆 哆

music

让我再一次握你的手

让我再一次亲吻你的脸

顺着我脸庞滑下的

是我的泪

在我胸中跳动的

是我的心

让我再一次握你的手

让我再一次亲吻你的脸

顺着我脸庞滑下的

是我的泪

在我胸中刺痛的

是我的心

爱人的心是玻璃作的

既以破碎了就难以再愈合

就像那只摔破的吉它

再已听不到那原来的音色

哆 咪 哆 咪

哆 咪 哆

哆 咪 哆 咪

哆 咪 哆 哆

绿叶清舟 发表于 2022-4-21 09:23

瞧这小眼神太让人怜爱了{:4_204:}

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

这猫咪简直把人给迷得{:4_187:}

梦油 发表于 2022-4-21 10:45

猫咪朋友早晨好！小猫咪真可爱，猫咪制作巧夺天工。猫咪好棒哎！

大猫咪 发表于 2022-4-21 13:25

红影 发表于 2022-4-21 08:55
戴着小帽子的猫咪好可爱，欣赏猫猫好制作
线圈按钮很好用。

谢谢红影{:4_187:}特别喜欢这PP{:5_106:}感觉有点点忧伤，配个歌制作一个玩玩   {:4_173:}

大猫咪 发表于 2022-4-21 13:27

绿叶清舟 发表于 2022-4-21 09:23
瞧这小眼神太让人怜爱了

哈哈   谢谢清舟   {:4_187:}找一半天发现这首玻璃心挺好听{:4_170:}

大猫咪 发表于 2022-4-21 13:29

樵歌 发表于 2022-4-21 10:30
这猫咪简直把人给迷得

谢谢樵哥哥，下午好 {:4_189:}特别喜欢这猫猫   学习制作一个{:4_179:}{:4_191:}

大猫咪 发表于 2022-4-21 13:31

梦油 发表于 2022-4-21 10:45
猫咪朋友早晨好！小猫咪真可爱，猫咪制作巧夺天工。猫咪好棒哎！

梦油友友下午好， {:4_187:}谢谢支持鼓励   {:4_190:}空了一起学习制作 图，挺好玩{:4_179:}

岩新新 发表于 2022-4-21 14:25

分享精彩制作！

红芍药 发表于 2022-4-21 14:27

戴帽儿的猫咪更可爱，美美哒。{:4_204:}{:4_204:}

红芍药 发表于 2022-4-21 14:28

制作漂亮，曲子也好听，猫咪腻害。。。{:4_199:}{:4_199:}

梦油 发表于 2022-4-21 15:04

大猫咪 发表于 2022-4-21 13:31
梦油友友下午好， 谢谢支持鼓励   空了一起学习制作 图，挺好玩
好的，猫咪朋友，有条件时我向你学习制图。
               {:4_171:}

顾-念 发表于 2022-4-21 15:27

哈哈，看半天，黑云滚滚，然后冒烟。这是着火了么。歌好听！

猫猫有趣。不许生气。

绿叶清舟 发表于 2022-4-21 19:25

大猫咪 发表于 2022-4-21 13:27
哈哈   谢谢清舟   找一半天发现这首玻璃心挺好听

没俺的好听{:4_189:}

樵歌 发表于 2022-4-22 07:56

大猫咪 发表于 2022-4-21 13:29
谢谢樵哥哥，下午好   特别喜欢这猫猫   学习制作一个

就知道你喜欢猫猫，{:4_189:}

大猫咪 发表于 2022-4-22 20:20

岩新新 发表于 2022-4-21 14:25
分享精彩制作！

谢谢新新支持鼓励， 晚上好！

{:4_187:}{:4_190:}

大猫咪 发表于 2022-4-22 20:22

红芍药 发表于 2022-4-21 14:27
戴帽儿的猫咪更可爱，美美哒。

哈哈   芍药特别喜欢这猫咪PP ， 用来做了帖子{:5_117:}   晚上好{:4_179:}{:4_190:}
页: [1] 2 3
查看完整版本: 玻璃心 - 小娟&