车轱辘还是小风扇？

马黑黑

马黑黑

原创代码：

1. <style>
   
2. .fan {
   
3.         --ss: 60px;
   
4.         left: 0px; top: 0px;
   
5.         width: var(--ss);
   
6.         height: var(--ss);
   
7.         background: linear-gradient(transparent 46%,green 47%, transparent 54%),
   
8.          linear-gradient(90deg,transparent 46%,green 47%, transparent 54%);
   
9.         border: calc(var(--ss) / 10) solid darkgreen;
   
10.         border-radius: 50%;
    
11.         position: relative;
    
12.         cursor: pointer;
    
13.         animation: rot .2s linear infinite;
    
14. }
    
15. @keyframes rot { to { transform: rotate(1turn); } }
    
16. </style>
    
17. 
    
18. <div class="fan"></div>
    
19. 
    
20. <script>
    
21. let flag = true;
    
22. let fan = document.querySelector(".fan");
    
23. let au = document.createElement("audio");
    
24. au.src = "http://www.kumeiwp.com/sub/filestores/2022/04/21/5d862db01b08a4bf0eac35a6f3b934a4.mp3";
    
25. au.autoplay = flag;
    
26. au.loop = true;
    
27. fan.appendChild(au);
    
28. if(!flag) fan.style.animationPlayState = "paused";
    
29. fan.onclick = function(){
    
30.         flag ? (this.style.animationPlayState = "paused",au.pause(),flag = false) :
    
31.          (this.style.animationPlayState = "running",au.play(),flag = true);
    
32. }
    
33. </script>

复制代码

马黑黑

马黑黑

马黑黑

尺寸可以修改，--ss 值建议不要低于 30px

梦油

黑黑朋友晚上好！夏天做电扇小图时离不开的素材啊。

大猫咪

这个非常棒， 收藏学习   老黑在帖子里可以换颜色不    晚上好  

马黑黑

大猫咪 发表于 2022-4-22 20:47
这个非常棒， 收藏学习   老黑在帖子里可以换颜色不    晚上好

去看看我的代码笔：https://codepen.io/mahh2022/pen/MWrRbgb

马黑黑

梦油 发表于 2022-4-22 20:44
黑黑朋友晚上好！夏天做电扇小图时离不开的素材啊。

嗯，天热了

大猫咪

马黑黑 发表于 2022-4-22 20:50
去看看我的代码笔：https://codepen.io/mahh2022/pen/MWrRbgb

嗯嗯  好的   谢谢老黑  

马黑黑

大猫咪 发表于 2022-4-22 20:51
嗯嗯  好的   谢谢老黑

感谢支持

大猫咪

马黑黑 发表于 2022-4-22 20:52
感谢支持

应该谢谢老黑   有你真好   

马黑黑

大猫咪 发表于 2022-4-22 20:55
应该谢谢老黑   有你真好

梦油

马黑黑 发表于 2022-4-22 20:51
嗯，天热了

是啊，黑黑朋友。你想得真周到，这样的知识和素材正是当前所需要的啊。

红影

我倒是觉得做车轱辘挺好的

加林森

老黑的这个制作真漂亮。又一个新的播放器。

马黑黑

加林森 发表于 2022-4-22 21:43
老黑的这个制作真漂亮。又一个新的播放器。

这个好玩吧

马黑黑

红影 发表于 2022-4-22 21:37
我倒是觉得做车轱辘挺好的

嗯嗯

加林森

马黑黑 发表于 2022-4-22 21:55
这个好玩吧

嗯嗯，我正在制作，准备加入图片进去。该在上面地方加入呢？

马黑黑

梦油 发表于 2022-4-22 21:08
是啊，黑黑朋友。你想得真周到，这样的知识和素材正是当前所需要的啊。

嗯嗯，说得对