作者： Jatin Sharma
譯者：前端小智
來源：dev有夢想，有乾貨，微信搜尋 【大遷世界】 關注這個在凌晨還在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收錄，有一線大廠面試完整考點、資料以及我的系列文章。
今天繼續推薦提高我們摸魚時間的幾個神器，相信我，你會愛上他們的。
1. Neumorphism
這個網站為 section 或 div 生成對應UI，它也可以自定義border-radius, box-shadow 等。
2. Shadows Brumm
它可以為我們生成多個分層陰影，一種非常酷的效果，也可以從曲線中自定義顏色。
3. CSS Clip-path Maker
地址：https://bennettfeely.com/clippy/
這個算是我用的最多的，早期錄的CSS視訊，很多複雜點的效果都是用這個工具幫我生成，前列推薦。
4. Fancy Border Shape Generator
地址：https://9elements.github.io/f...
它通過操作 border-radius 生成很 awesome 形狀，我們可以在專案中盡情的使用的，通過微調來達到我們想要的形狀。
5. Cubic Curve
為 CSS 動畫生成cubic-bezier。
6. CSS Gradient
如果你的專案經常需要使用漸變，那麼，你會愛上這個網站。我用了很長時間，它非常完美。在這裡你也可以使用一些工具，比如漸變按鈕等等。
7. CSS Waves Generator
下面這三個波浪生成器可以生成任何型別的波浪，還在為畫破浪而苦惱的小夥伴可以用起來了。
CSS Waves
它能生成簡單的波浪，並有一些自定義功能。
Gradient Multiple Waves
地址：https://www.softr.io/tools/sv...
它可以產生多個漸變波，非常棒。
Multiple Animated Waves
它可以生成多個漸變波浪，但主要特點是它還可以為此生成實時動畫。
8. CSS Grid Generator
CSS grid
地址：https://cssgrid-generator.net...
它為網格生成了很棒的css，你可以用div來定製它，它還會為它建立子元素。
CSS Grid Area
它可以生成網格區域。我們可以根據具體需要來命名和定製區域。
9. Loading Animated GIFs/SVGs
這個網站可以生成多個載入動畫，並以SVG、GIF、PNG和其他格式下載，但它的最大特點是你可以將這些動畫定製到新的水平。
10. Free Icon Library
Flaticons
這個庫有5.7M+向量圖示。可以在這裡找到任何可能的圖示，你可以使用它。
icons8
這個庫也有大量的圖示，你可以定製它們，也可以直接使用圖示，而無需下載它。
總結
希望你從這篇文章中學到了一些東西，如果有的話，請來波贊被。
~~完，我是刷碗，勵志等退休後，要回家擺地攤的人，我們下期見！
程式碼部署後可能存在的BUG沒法實時知道，事後為了解決這些BUG，花了大量的時間進行log 除錯，這邊順便給大家推薦一個好用的BUG監控工具 Fundebug。
原文：https://dev.to/j471n/10-css-r...
交流
文章每週持續更新，可以微信搜尋【大遷世界 】第一時間閱讀，回覆【福利】有多份前端視訊等著你，本文 GitHub https://github.com/qq449245884/xiaozhi 已經收錄，歡迎Star。
