譯文：10個超級值得收藏的CSS工具
我是法醫(yī)，一只治療系前端碼猿??，與代碼對話，傾聽它們心底的呼聲，期待著大家的點贊??與關注?，當然也歡迎加入前端獵手技術交流群??，文末掃碼我拉你進群，一起交流技術以及代碼之外的一切???♀?
轉載自Duing（ID：duyi-duing）
原文鏈接：https://dev.to/j471n/10-css-resources-that-you-should-bookmark-46l6
作者：Jatin Sharma
如有翻譯不準，請多指正。
在本文我們將看到一些非常棒的資源，它們可以幫助您大大提高工作效率。我向您保證您絕不會后悔點進來，讓我們一起來看看吧。
1.Neumorphism
這個網(wǎng)站為可以為我們的section或是div生成對應UI，它還可以自定義border-radius,?box-shadow等。
2.Shadows Brumm
它可以為我們生成多個分層陰影，帶來非常酷的效果，也可以通過曲線來自定義顏色。
3.CssClip-Pathmaker
它可以生成各種不同形狀的漂亮的剪輯路徑，可以非常方便地生成各種形狀和屬性。
4.FancyBorder Shape Generator
它通過操縱邊界半徑生成好看的形狀，我們可以在項目的任何地方使用它，還可以更改形狀的大小，來符合項目偏好。
5.Cubic Curve
它可以為我們生成了css動畫中基本的cubic-bezier。正如我們知道的，我們?yōu)閯赢嬍褂胑ase-in、easy-out等屬性來確定瀏覽器動畫的流程是，我們可以通過它來自定義這些屬性。
6.CSSGradient
如果你經(jīng)常使用漸變，那么你一定會喜歡它。它太完美了。在這里，你也可以得到一些工具，比如梯度按鈕還有更多。
7.CSS Waves Generator
這三個波浪發(fā)生器，很棒，可以產(chǎn)生任何類型的波。
CSS Waves它通過一些定制生成簡單的波形。
GradientMultiple Waves它可以產(chǎn)生多個梯度波。
MultipleAnimated Waves它可以產(chǎn)生多個梯度波，但主要的特點是，它也可以生成實時動畫。
8.CSS Grid Generator
CSS Grid它可以生成了css For Grid，我們可以通過div來定制它，它還將為此創(chuàng)建子元素。
CSS GridArea它可以生成GridArea，我們可以根據(jù)需要來進行命名和定制。
9.LoadingAnimated GIFs/SVGs
在這里，您可以生成多個加載動畫，并將其作為SVG、GIF、PNG和其他格式下載，但它的最佳特性是您可以將這些動畫定制到下一個級別。
10.FreeIcon Library
Flaticons：這個庫有570萬個矢量圖標。我們可以在這里找到任何可能的圖標。
icons8：這個庫也有大量的圖標，我們可以定制它們，也可以直接使用而不需要下載。
結語：
如果這篇文章對小伙伴有所幫助的話，就請點個贊吧。
希望今天的分享能給到大家編程學習和實踐中一點點小的幫助，新年新氣象，快去試試吧！
很感謝小伙伴看到最后??，如果您覺得這篇文章有幫助到您的的話不妨關注?+點贊??+收藏??+評論??，您的支持就是我更新的最大動力。
歡迎加入前端獵手技術交流群??，文末掃碼加我微信，我拉你進群，一起交流技術以及代碼之外的一切???♀?