大猫咪 发表于 2022-4-10 11:56

Guardian Angel - TO 冬雨

本帖最后由 大猫咪 于 2022-4-10 12:18 编辑 <br /><br /><style>
.stage{
      margin: auto;
      position: relative;
      left: -214px;
      width: 1200px;
      height: 700px;
      background: #666 url('https://s3.bmp.ovh/imgs/2022/04/09/4ee9c232559ffd80.jpeg') 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: 50px;
      top: 360px;
      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=29482033.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-10 12:29

猫来了啊，又飞哪去了

绿叶清舟 发表于 2022-4-10 12:29

现在越来越厉害了{:4_204:}

大猫咪 发表于 2022-4-10 12:36

绿叶清舟 发表于 2022-4-10 12:29
猫来了啊，又飞哪去了

回家了几天清舟{:5_106:}{:4_187:}

红芍药 发表于 2022-4-10 12:42

猫咪的音画越做越精致了，好看。{:4_204:}{:4_204:}

红芍药 发表于 2022-4-10 12:43

鼓掌，猫咪好手艺。。{:4_199:}{:4_199:}

大猫咪 发表于 2022-4-10 12:48

红芍药 发表于 2022-4-10 12:42
猫咪的音画越做越精致了，好看。

芍药来了{:4_187:} 中午好！{:4_190:}
这的最简单的，一直在跟黑黑学习，其实就是换下图片和音乐，调整一下就可以
芍药空了也学习一下玩玩

{:4_204:}{:4_190:}

大猫咪 发表于 2022-4-10 12:52

绿叶清舟 发表于 2022-4-10 12:29
现在越来越厉害了

清舟这几天可以出门没，还是被关着啊 ？生活怎么样，菜供应的快不{:5_106:}{:4_204:}

红影 发表于 2022-4-10 13:06

这场景真美，猫猫也做成了这个线圈和音乐关联的帖子呢，真棒{:4_187:}

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

红影 发表于 2022-4-10 13:06
这场景真美，猫猫也做成了这个线圈和音乐关联的帖子呢，真棒

红影来了 {:4_187:}中午好{:4_190:}刚学习一帖，{:5_106:} 继续努力{:4_190:}

梦油 发表于 2022-4-10 13:51

猫咪朋友下午好！你制作的音画作品太棒了。谢谢你！

大猫咪 发表于 2022-4-10 14:07

梦油 发表于 2022-4-10 13:51
猫咪朋友下午好！你制作的音画作品太棒了。谢谢你！

谢谢梦油友友 支持鼓励，中午好！ 空了一起跟黑黑学习，周末快乐！ {:4_190:}{:4_179:}

梦油 发表于 2022-4-10 14:48

大猫咪 发表于 2022-4-10 14:07
谢谢梦油友友 支持鼓励，中午好！ 空了一起跟黑黑学习，周末快乐！

谢谢猫咪朋友。

{:4_204:}

红影 发表于 2022-4-10 15:52

大猫咪 发表于 2022-4-10 13:29
红影来了   中午好    刚学习一帖， 继续努力

非常漂亮，猫猫太厉害了{:4_199:}

一窗清寒 发表于 2022-4-10 15:55

猫的精美制作，让人赏心悦目

大猫咪 发表于 2022-4-10 19:48

一窗清寒 发表于 2022-4-10 15:55
猫的精美制作，让人赏心悦目

清寒来了{:4_187:} 好久不见 ，想念{:4_190:}周末快乐！ 春安好！{:4_204:}

绿叶清舟 发表于 2022-4-10 20:13

大猫咪 发表于 2022-4-10 12:36
回家了几天清舟

想家了啊

大猫咪 发表于 2022-4-10 20:14

绿叶清舟 发表于 2022-4-10 20:13
想家了啊

以后要经常回去的    老人想娃啊{:5_106:}{:4_204:}

绿叶清舟 发表于 2022-4-10 20:16

大猫咪 发表于 2022-4-10 12:52
清舟这几天可以出门没，还是被关着啊 ？生活怎么样，菜供应的快不

还关着呢，今天又上榜看不到头了{:4_189:}。白菜，卷心菜，黄瓜都还有就是绿叶的没了，那不容易保存都吃了{:4_189:}

绿叶清舟 发表于 2022-4-10 20:17

大猫咪 发表于 2022-4-10 20:14
以后要经常回去的    老人想娃啊

是啊，现在外面这么吓人的，就会更想了
页: [1] 2 3
查看完整版本: Guardian Angel - TO 冬雨