加林森 发表于 2021-12-12 21:02

本帖最后由 加林森 于 2022-4-15 17:25 编辑 <br /><br />杨柳青 发表于 2021-12-12 20:50
不知道啊~~~无语中~~~
是不是让我抓回来揍一次？



<style>

.shouhu { position: relative;left: -304px;top:120px;width: 1200px; height: 675px;display: flex; perspective: 2000px;background: #eee url('https://pic.imgdb.cn/item/6257b243239250f7c598fd3c.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px; }

.cube {
      --x: 100px;
      --xx: -50px;
      position: absolute;left: 630px;top:136px;cursor: pointer;
      width: var(--x);
      height: var(--x);
      transform-style: preserve-3d;
      transform-origin: 50% 50% 0;
      animation: rot 10s linear infinite;
}

.cube div {
      position: absolute;
      left: 0; top: 0; width: inherit; height: inherit;
      font: 2em / var(--x) Arial;
      color: white;
      text-align: center;
      text-shadow: 1px 1px 2px #000;
      opacity: .85;
}

.cube div:nth-child(1) { background: #ffffcc; transform: rotateY(0deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(2) { background: #ffccff; transform: rotateY(90deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(3) { background: #ccffcc; transform: rotateY(180deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(4) { background: #CFCFCF; transform:rotateY(270deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(5) { background: #FFAEB9; transform: rotateX(-90deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(6) {background: #CDAF95; transform: rotateX(-90deg) translateZ(var(--xx)); }

@keyframes rot {
      to { transform: rotateX(-720deg) rotateY(360deg); }
}

</style>

<div class="shouhu">        <div class="cube">
      <div>明天</div>
      <div>你好</div>
      <div>牛奶</div>
      <div>咖啡</div>
      <div>演唱</div>
      <div>华语</div>
</div></div><br><br><br><br><br><br><br><br>

<script language="javascript">
let iBox = document.querySelector(".cube");
let au = document.createElement("audio");
au.src = "http://www.kumeiwp.com/sub/filestores/2022/04/15/0ace07fe04ecf516d906346a64df1d6c.mp3";
au.autoplay = true;
au.loop = true;
iBox.onclick = function() {
        au.paused ? (au.play(), this.style.animationPlayState = "running") : (au.pause(), this.style.animationPlayState = "paused");
}

</script>

杨柳青 发表于 2021-12-12 21:10

加林森 发表于 2021-12-12 21:02
是不是让我抓回来揍一次？

好啊~~~不过队长钱准备好~~~{:5_105:}

加林森 发表于 2021-12-12 21:13

杨柳青 发表于 2021-12-12 21:10
好啊~~~不过队长钱准备好~~~

没有问题的

杨柳青 发表于 2021-12-12 21:21

加林森 发表于 2021-12-12 21:13
没有问题的

那就准备打官司~~~{:4_196:}

加林森 发表于 2021-12-12 21:26

杨柳青 发表于 2021-12-12 21:21
那就准备打官司~~~

去去去，快去看我发的另外的搞笑视频。

杨柳青 发表于 2021-12-12 21:29

加林森 发表于 2021-12-12 21:26
去去去，快去看我发的另外的搞笑视频。

{:5_115:}

加林森 发表于 2021-12-12 21:36

杨柳青 发表于 2021-12-12 21:29


才发的啊
页: 1 2 3 4 [5]
查看完整版本: 【高山流水】 纯音乐 送大家！