东篱闲人 发表于 2021-12-9 18:56

加林森 发表于 2021-12-8 23:17
老兄啊，我现在没有代码啊，也不不这是怎么调的啊？你有什么地方帮着我吗？

https://s1.ax1x.com/2021/12/09/oh4MWV.jpg

红影 发表于 2021-12-9 19:22

加林森 发表于 2021-12-9 17:23
晚上好！

队长晚上好。

加林森 发表于 2021-12-9 19:25

东篱闲人 发表于 2021-12-9 18:56
https://s1.ax1x.com/2021/12/09/oh4MWV.jpg

谢谢老兄帮助，都是外面的的？

加林森 发表于 2021-12-9 19:26

本帖最后由 加林森 于 2022-4-30 21:29 编辑 <br /><br />东篱闲人 发表于 2021-12-9 18:53
下载个Photoshop软件，网上也有在线调的，效果不理想。。。
好的好的，谢谢老兄！{:4_171:}

<style>
.hy { width: 800px; height: 1134px;position: relative;left:-20px; top: 120px;box-shadow:4px 4px 5px #333;

padding:2px;border-radius:8px;background:#666 url('https://pic.imgdb.cn/item/626d393d239250f7c5324d9a.jpg')no-repeat

center/cover;}
.hy::before {
      content: '';
      position: absolute;
      width: 80%;
      height: 80%;
      background: url('https://pic.imgdb.cn/item/6268f0a1239250f7c58a5669.gif') no-repeat center/cover;
      left:160px; top: 70px;
}
.mBox {
      --w: 100px;
      margin: auto;
      margin-top: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: var(--w);
      height: var(--w);
      cursor: pointer;
      position: relative;
      animation: rot 2s linear infinite;
}
.zBox {
      position: absolute;
      display: block;
      border-style: dotted;
      border-width: 1px;
      border-color: transparent red transparent magenta;
      border-radius: 50%;
}

@keyframes rot { to { transform: rotate(-1turn); } }
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
      margin: auto;
      width: 360px;
      text-align: center;
      font-size: 2.2rem;
      font-weight: bold;
      color: #DFE5FD;
      transform-origin: top;
      animation: yao 1s linear infinite alternate;
}
@keyframes yao {
      from{transform: perspective(800px) rotatex(12deg); }
      to { transform: perspective(800px) rotatex(-12deg); }
}
</style>
<div class="hy">
<div id="baiBox" style="position: absolute; left:40px; top: 60px; ">梦然 - 少年</div>

<div class="mBox"></div></div><br><br><br><br><br><br><br><br><br><br>

<script>
let flag = true;
let ele = document.querySelector(".mBox");
let len= ele.clientWidth;
let zStr = "";
let all = 110;
let angle = Math.floor(360 / all);

for(j=0; j< all; j++){
      let wh =Math.floor(len- j * (len / all));
      zStr += `<span class="zBox" style="transform: rotate(${j*angle}deg);width: ${wh}px; height: ${wh}px"></span>\n`;
}
ele.innerHTML += zStr;

let au = document.createElement("audio");
au.src= "http://www.kumeiwp.com/sub/filestores/2021/02/10/ce8a64f9566f2602f6f5407af58cf712.mp3";
au.loop = true;
au.autoplay = flag;
au.style.display = "none";
ele.appendChild(au);

if(!flag) ele.style.animationPlayState = "paused";

ele.onclick = function(){
      flag ? (au.pause(),this.style.animationPlayState = "paused",flag = false) : (au.play

(),this.style.animationPlayState = "running",flag = true);
}
</script>

东篱闲人 发表于 2021-12-9 19:26

加林森 发表于 2021-12-9 19:26
好的好的，谢谢老兄！

好兄弟，不客气。。。。{:5_106:}

加林森 发表于 2021-12-9 19:33

东篱闲人 发表于 2021-12-9 19:26
好兄弟，不客气。。。。

必须感谢{:4_199:}

加林森 发表于 2021-12-9 19:35

红影 发表于 2021-12-9 19:22
队长晚上好。

红影晚上，好开开心心就音乐吧。{:4_171:}

红影 发表于 2021-12-9 19:51

加林森 发表于 2021-12-9 19:35
红影晚上，好开开心心就音乐吧。

嗯嗯，听音乐，这美好的夜晚。

马黑黑 发表于 2021-12-10 12:33

{:4_208:}

加林森 发表于 2021-12-10 16:55

红影 发表于 2021-12-9 19:51
嗯嗯，听音乐，这美好的夜晚。

开始听音乐

加林森 发表于 2021-12-10 16:56

马黑黑 发表于 2021-12-10 12:33


继续继续

马黑黑 发表于 2021-12-10 20:01

加林森 发表于 2021-12-10 16:56
继续继续

好的好的

加林森 发表于 2021-12-10 20:03

马黑黑 发表于 2021-12-10 20:01
好的好的

继续继续

马黑黑 发表于 2021-12-10 20:03

加林森 发表于 2021-12-10 20:03
继续继续

好的好的好的

加林森 发表于 2021-12-10 20:26

马黑黑 发表于 2021-12-10 20:03
好的好的好的

臭小子，乱七八糟的啊？

马黑黑 发表于 2021-12-10 20:27

加林森 发表于 2021-12-10 20:26
臭小子，乱七八糟的啊？

乱乱更健康

加林森 发表于 2021-12-10 20:45

马黑黑 发表于 2021-12-10 20:27
乱乱更健康

哈哈哈哈，真会说话！

红影 发表于 2021-12-10 21:16

加林森 发表于 2021-12-10 16:55
开始听音乐

{:4_204:}

加林森 发表于 2021-12-10 21:34

红影 发表于 2021-12-10 21:16


听吧

马黑黑 发表于 2021-12-10 23:56

加林森 发表于 2021-12-10 20:45
哈哈哈哈，真会说话！

蟹蟹鼓励
页: 1 [2] 3
查看完整版本: 《完美世界》-水木年华 送大家！