马黑黑 发表于 2022-3-30 18:33

加林森 发表于 2022-3-30 13:52
全部修改完了，再来看看。

{:5_108:}

加林森 发表于 2022-3-30 19:15

本帖最后由 加林森 于 2022-5-26 11:47 编辑 <br /><br />马黑黑 发表于 2022-3-30 18:33

谢谢老黑！{:4_190:}

<style>
.fan {
      --ss: 30px;
      left: 0px; top: 0px;
      width: var(--ss);
      height: var(--ss);
      background: linear-gradient(transparent 46%,green 47%, transparent 54%),
         linear-gradient(90deg,transparent 46%,green 47%, transparent 54%);
      border: calc(var(--ss) / 10) solid darkgreen;
      border-radius: 50%;
      position: relative;
      cursor: pointer;
      animation: rot .2s linear infinite;
}
.stage{
      margin: auto;
      position: relative;
      left: -70px;
      width: 900px;
      height: 351px;
      background:#666 url('https://pic.imgdb.cn/item/628ef5a50947543129a243cc.jpg');
      perspective: 3000px;
      perspective-origin: 50% 50%;
      cursor: pointer;
}
</style>
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<style>

<div class="fan"></div>

<script>
let flag = true;
let fan = document.querySelector(".fan");
let au = document.createElement("audio");
au.src = "https://www.joy127.com/url/90533.mp3";
au.autoplay = flag;
au.loop = true;
fan.appendChild(au);
if(!flag) fan.style.animationPlayState = "paused";
fan.onclick = function(){
      flag ? (this.style.animationPlayState = "paused",au.pause(),flag = false) :
         (this.style.animationPlayState = "running",au.play(),flag = true);
}
</script>

红影 发表于 2022-3-30 20:34

加林森 发表于 2022-3-30 17:00
谢谢红影。

看到队长把其中的一只鹰做按钮了，这创意真不错{:4_204:}

加林森 发表于 2022-3-30 20:45

红影 发表于 2022-3-30 20:34
看到队长把其中的一只鹰做按钮了，这创意真不错

好看吧。{:4_189:}

红影 发表于 2022-3-31 11:08

加林森 发表于 2022-3-30 20:45
好看吧。

是呢，又是一个可爱的按钮。队长真棒{:4_199:}

加林森 发表于 2022-3-31 11:24

红影 发表于 2022-3-31 11:08
是呢，又是一个可爱的按钮。队长真棒

谢谢红影。{:4_187:}

红影 发表于 2022-3-31 12:10

加林森 发表于 2022-3-31 11:24
谢谢红影。

不客气{:4_204:}

加林森 发表于 2022-3-31 12:35

红影 发表于 2022-3-31 12:10
不客气

嗯嗯。{:4_190:}
页: 1 [2]
查看完整版本: 《时光海湾》 -- 梦然、冷漠