譯文：10個(gè)超級(jí)值得收藏的CSS工具

原文鏈接：https://dev.to/j471n/10-css-resources-that-you-should-bookmark-46l6

作者：Jatin Sharma

如有翻譯不準(zhǔn)，請(qǐng)多指正。

在本文我們將看到一些非常棒的資源，它們可以幫助您大大提高工作效率。我向您保證您絕不會(huì)后悔點(diǎn)進(jìn)來(lái)，讓我們一起來(lái)看看吧。

1.Neumorphism

這個(gè)網(wǎng)站為可以為我們的section或是div生成對(duì)應(yīng)UI，它還可以自定義border-radius,?box-shadow等。

2.Shadows Brumm

它可以為我們生成多個(gè)分層陰影，帶來(lái)非?？岬男Ч?，也可以通過曲線來(lái)自定義顏色。

3.CssClip-Pathmaker

它可以生成各種不同形狀的漂亮的剪輯路徑，可以非常方便地生成各種形狀和屬性。

4.FancyBorder Shape Generator

它通過操縱邊界半徑生成好看的形狀，我們可以在項(xiàng)目的任何地方使用它，還可以更改形狀的大小，來(lái)符合項(xiàng)目偏好。

5.Cubic Curve

它可以為我們生成了css動(dòng)畫中基本的cubic-bezier。正如我們知道的，我們?yōu)閯?dòng)畫使用ease-in、easy-out等屬性來(lái)確定瀏覽器動(dòng)畫的流程是，我們可以通過它來(lái)自定義這些屬性。

6.CSSGradient

如果你經(jīng)常使用漸變，那么你一定會(huì)喜歡它。它太完美了。在這里，你也可以得到一些工具，比如梯度按鈕還有更多。

7.CSS Waves Generator

這三個(gè)波浪發(fā)生器，很棒，可以產(chǎn)生任何類型的波。

CSS Waves它通過一些定制生成簡(jiǎn)單的波形。

GradientMultiple Waves它可以產(chǎn)生多個(gè)梯度波。

MultipleAnimated Waves它可以產(chǎn)生多個(gè)梯度波，但主要的特點(diǎn)是，它也可以生成實(shí)時(shí)動(dòng)畫。

8.CSS Grid Generator

CSS Grid它可以生成了css For Grid，我們可以通過div來(lái)定制它，它還將為此創(chuàng)建子元素。

CSS GridArea它可以生成GridArea，我們可以根據(jù)需要來(lái)進(jìn)行命名和定制。

9.LoadingAnimated GIFs/SVGs

在這里，您可以生成多個(gè)加載動(dòng)畫，并將其作為SVG、GIF、PNG和其他格式下載，但它的最佳特性是您可以將這些動(dòng)畫定制到下一個(gè)級(jí)別。

10.FreeIcon Library

Flaticons：這個(gè)庫(kù)有570萬(wàn)個(gè)矢量圖標(biāo)。我們可以在這里找到任何可能的圖標(biāo)。

icons8：這個(gè)庫(kù)也有大量的圖標(biāo)，我們可以定制它們，也可以直接使用而不需要下載。

結(jié)語(yǔ)：

如果這篇文章對(duì)小伙伴有所幫助的話，就請(qǐng)點(diǎn)個(gè)贊吧。

希望今天的分享能給到大家編程學(xué)習(xí)和實(shí)踐中一點(diǎn)點(diǎn)小的幫助，新年新氣象，快去試試吧！