论坛 › 欢乐水吧 › 《小猫叫、咪咪咪》- 张靓、葛萧蕾、李佳妮等

加林森 发表于 2022-7-28 19:53

《小猫叫、咪咪咪》- 张靓、葛萧蕾、李佳妮等

<style>
#papa { left: -214px; width: 1024px; height: 640px; background: teal url('https://pic.imgdb.cn/item/62e27777f54cd3f937a1223d.gif') no-repeat center / cover; perspective: 2000px; box-shadow: 4px 4px 24px #000; position: relative; }
#wrapper { position: relative; width: 200px; height: 200px; left: 40%; top: 60%; transform-style: preserve-3d; transform: rotateX(-20deg) rotateY(-20deg); cursor: pointer; }
#mypic { position: absolute; width: 100px; height: 100px; transform: translateZ(50px) translateY(100px) translateX(50px); }
#wrapper>span:nth-child(1) { transform: translateZ(100px); background: teal; }
#wrapper>span:nth-child(2) { transform: translateZ(-100px); background: lightgreen; }
#wrapper>span:nth-child(3) { transform: translateX(-100px) rotateY(90deg); background: skyblue; }
#wrapper>span:nth-child(4) { transform: translateX(100px) rotateY(90deg); background: green; }
#wrapper>span:nth-child(5) { transform: translateY(-100px) rotateX(90deg); background: olive; }
#wrapper>span:nth-child(6) { transform: translateY(100px) rotateX(90deg); background: tan; }
.panel { position: absolute; width: 200px; height: 200px; text-align: center; opacity: .95;}
</style>

<div id="papa">
        <div id="wrapper">
                <span class="panel"></span>
                <span class="panel"></span>
                <span class="panel"></span>
                <span class="panel"></span>
                <span class="panel"></span>
                <span class="panel"></span>
                <img id="mypic" src="https://pic.imgdb.cn/item/62e27609f54cd3f937984912.gif" alt="" />
        </div>
</div>

<script>
let aud = new Audio();
aud.loop = true;
aud.src = 'https://music.163.com/song/media/outer/url?id=1915271601.mp3';
let panel = document.querySelector('.panel');
wrapper.onclick = () => panel.style.display == 'none' ? (panel.style.display = 'block', aud.pause()) : (panel.style.display = 'none',aud.play());
</script>

加林森 发表于 2022-7-28 19:54

@马黑黑

马黑黑 发表于 2022-7-28 20:31

队长要开动物园呀{:4_170:}

加林森 发表于 2022-7-28 21:02

马黑黑 发表于 2022-7-28 20:31
队长要开动物园呀

是啊，这样才热闹。{:4_189:}

马黑黑 发表于 2022-7-28 21:26

加林森 发表于 2022-7-28 21:02
是啊，这样才热闹。

挺好挺好，我赞助六毛

加林森 发表于 2022-7-28 21:51

马黑黑 发表于 2022-7-28 21:26
挺好挺好，我赞助六毛

又6毛？不要就5毛。

马黑黑 发表于 2022-7-28 22:00

加林森 发表于 2022-7-28 21:51
又6毛？不要就5毛。

我不是五毛党

加林森 发表于 2022-7-28 22:06

马黑黑 发表于 2022-7-28 22:00
我不是五毛党

我喜欢5毛咋办？{:4_170:}

马黑黑 发表于 2022-7-28 22:59

加林森 发表于 2022-7-28 22:06
我喜欢5毛咋办？

那就回扣一毛

加林森 发表于 2022-7-28 23:03

你厉害了！

红影 发表于 2022-7-28 23:56

队长学得真快。这个好多动画元素，漂亮{:4_187:}

樵歌 发表于 2022-7-29 07:29

动物园里开大会，热烈欢迎猫咪回来。。{:4_189:}

加林森 发表于 2022-7-29 08:13

红影 发表于 2022-7-28 23:56
队长学得真快。这个好多动画元素，漂亮

是啊，好玩吧。

加林森 发表于 2022-7-29 08:13

樵歌 发表于 2022-7-29 07:29
动物园里开大会，热烈欢迎猫咪回来。。

对头！

上海朝阳 发表于 2022-7-29 08:28

你的宇宙呢？

加林森 发表于 2022-7-29 08:43

上海朝阳 发表于 2022-7-29 08:28
你的宇宙呢？

宇宙在现代文学里。

红影 发表于 2022-7-29 22:49

加林森 发表于 2022-7-29 08:13
是啊，好玩吧。

非常有趣{:4_204:}

加林森 发表于 2022-7-29 23:00

红影 发表于 2022-7-29 22:49
非常有趣

是啊。动漫的效果！

红影 发表于 2022-7-29 23:29

加林森 发表于 2022-7-29 23:00
是啊。动漫的效果！

非常轻松活泼{:4_187:}

加林森 发表于 2022-7-29 23:52

红影 发表于 2022-7-29 23:29
非常轻松活泼

就是好玩。

查看完整版本: 《小猫叫、咪咪咪》- 张靓、葛萧蕾、李佳妮等