javascript - Use CSS to easily realize all kinds of weird buttons with high frequency - iCSS - SegmentFault 思否
![](https://user-images.githubusercontent.com/8554143/142734383-ec0e4dfd-38b0-4eeb-a1ee-b4e17c9488b6.png)
![](https://miro.medium.com/v2/resize:fit:2000/1*GZhKH1PC7MdTxg9-TZtIww.jpeg)
Amazingly Useful HTML, CSS and JavaScript Tools and Libraries, by Bradley Nice, Level Up!
![](https://chinese.freecodecamp.org/news/content/images/2019/09/image-9.png)
11 个CSS 知识搭配11 个JS 特性
![](https://i.ytimg.com/vi/N0ZGC7COC7s/hqdefault.jpg)
Buttons in HTML CSS JavaScript
![](https://i.ytimg.com/vi/GDh9uToZkYg/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDIUjpsX1DjcnCXYC1Dw5mlaJWtUw)
Amazing CSS buttons in ONLY 4 lines of code!?
![](https://i.ytimg.com/vi/zZeyTMPVJng/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDiJCG6PYR_x8akUd_H0ltfGqvm0g)
Button Hover Interaction CSS Hover Effect
![](https://i.stack.imgur.com/5NdpF.jpg)
javascript - JS - Display div every 5 seconds with fade effect and close button - Stack Overflow
![](https://img-blog.csdnimg.cn/a3a9e0a384cf4476abbd7f20b5174fc6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA55m95bCP5rGf,size_20,color_FFFFFF,t_70,g_se,x_16)
HTML/CSS---常见细节_htnlcss-CSDN博客
![](https://i.ytimg.com/vi/GKqTYtgYzA0/maxresdefault.jpg)
Realistic Button Design HTML/CSS/JS (Quick Tutorial)
![](https://uploads.sitepoint.com/wp-content/uploads/2023/07/1690177293screenshot8.png)
10 Simple CSS and JavaScript Micro-interactions for Buttons — SitePoint
![](https://i.stack.imgur.com/fPSAW.png)
javascript - Aligning dynamically created buttons vertically - Stack Overflow
![](https://media.geeksforgeeks.org/wp-content/uploads/20220226103818/Screenshot20220226103747-300x220.png)
Foundation CSS Button Group Stacking - GeeksforGeeks
![](https://miro.medium.com/v2/resize:fit:1400/1*nt3tz5qpQIsAYfvgsHg1qQ.png)
Top 8 CSS Tricks You've Never Used Before, by PJ Codes