大猫咪 发表于 2022-4-23 20:55

马黑黑 发表于 2022-4-23 20:54
没有图片呀。要变小风扇的位置，改他的 left 和 top 值就行

嗯嗯   明白了   {:4_179:}

马黑黑 发表于 2022-4-23 20:56

大猫咪 发表于 2022-4-23 20:55
嗯嗯   明白了

{:4_180:}

风中飞尘 发表于 2022-5-25 23:25

这个旋转的速度有点太快了可以设置慢一点吗

醉美水芙蓉 发表于 2022-5-26 07:02

马黑黑 发表于 2022-5-26 07:32

醉美水芙蓉 发表于 2022-5-26 07:02
这个很漂亮！

小而美{:5_117:}

加林森 发表于 2022-5-26 11:24


<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;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>

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

<script>
let flag = true;
let fan = document.querySelector(".fan");
let au = document.createElement("audio");
au.src = "http://www.kumeiwp.com/sub/filestores/2022/04/21/5d862db01b08a4bf0eac35a6f3b934a4.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-5-26 12:10

加林森 发表于 2022-5-26 11:24
.fan {
      --ss: 30px;
      left: 0px; top: 0px;


这个不是玩过了么

加林森 发表于 2022-5-26 12:13

马黑黑 发表于 2022-5-26 12:10
这个不是玩过了么

再来看看啊

马黑黑 发表于 2022-5-26 12:15

加林森 发表于 2022-5-26 12:13
再来看看啊

额，挺好

加林森 发表于 2022-5-26 12:16

马黑黑 发表于 2022-5-26 12:15
额，挺好

嗯嗯。

马黑黑 发表于 2022-5-26 13:17

加林森 发表于 2022-5-26 12:16
嗯嗯。

{:4_190:}

加林森 发表于 2022-5-26 13:48

马黑黑 发表于 2022-5-26 13:17


谢茶

马黑黑 发表于 2022-5-26 19:04

加林森 发表于 2022-5-26 13:48
谢茶

不客气，好喝多喝

加林森 发表于 2022-5-26 19:06

马黑黑 发表于 2022-5-26 19:04
不客气，好喝多喝

嗯嗯{:4_191:}
页: 1 2 [3]
查看完整版本: 车轱辘还是小风扇？