论坛 › 欢乐水吧 › 遗失

马黑黑 发表于 2022-7-28 07:40

遗失

<style>
#papa { left: -214px; width: 1024px; height: 640px; background: teal url('https://638183.freep.cn/638183/t22/81.jpg') 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://638183.freep.cn/638183/t22/bear.gif" alt="" />
        </div>
</div>

<script>
let aud = new Audio();
aud.loop = true;
aud.src = 'https://music.163.com/song/media/outer/url?id=1380502864.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 07:46

你太有才了，给我们惊喜不断{:4_178:}

加林森 发表于 2022-7-28 07:47

小熊被困住了。不能动了？

浣溪沙 发表于 2022-7-28 07:47

哈哈哈，魔方只开了一下，就再也点不开了{:4_196:}

加林森 发表于 2022-7-28 07:49

好有立体感哦。小匣子是音乐播放器。{:4_203:}

马黑黑 发表于 2022-7-28 07:53

加林森 发表于 2022-7-28 07:49
好有立体感哦。小匣子是音乐播放器。

里面的啥东东

马黑黑 发表于 2022-7-28 07:53

浣溪沙 发表于 2022-7-28 07:46
你太有才了，给我们惊喜不断

这个有点“宇”的创意吧

马黑黑 发表于 2022-7-28 07:53

浣溪沙 发表于 2022-7-28 07:47
哈哈哈，魔方只开了一下，就再也点不开了

再点就关上

马黑黑 发表于 2022-7-28 07:54

加林森 发表于 2022-7-28 07:47
小熊被困住了。不能动了？

还没断奶，叫它怎么走{:4_170:}

加林森 发表于 2022-7-28 07:55

马黑黑 发表于 2022-7-28 07:53
里面的啥东东

小熊

加林森 发表于 2022-7-28 07:58

马黑黑 发表于 2022-7-28 07:54
还没断奶，叫它怎么走

所以才在里面发脾气了。{:4_189:}

马黑黑 发表于 2022-7-28 08:02

加林森 发表于 2022-7-28 07:58
所以才在里面发脾气了。

对呀

马黑黑 发表于 2022-7-28 08:03

加林森 发表于 2022-7-28 07:55
小熊

{:4_190:}

加林森 发表于 2022-7-28 08:05

马黑黑 发表于 2022-7-28 08:02
对呀

嗯嗯

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

马黑黑 发表于 2022-7-28 08:03


点三方都可以看见小熊的，音乐也随之而起。

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

马黑黑 发表于 2022-7-28 08:02
对呀

我好像听到小熊在喊——队长，快来救我{:4_189:}

马黑黑 发表于 2022-7-28 12:17

上海朝阳 发表于 2022-7-28 08:58
我好像听到小熊在喊——队长，快来救我

好像！{:5_117:}

马黑黑 发表于 2022-7-28 12:17

加林森 发表于 2022-7-28 08:06
点三方都可以看见小熊的，音乐也随之而起。

是的

加林森 发表于 2022-7-28 12:26

上海朝阳 发表于 2022-7-28 08:58
我好像听到小熊在喊——队长，快来救我

{:4_172:}

加林森 发表于 2022-7-28 12:26

马黑黑 发表于 2022-7-28 12:17
是的

嗯嗯。中午好！

查看完整版本: 遗失