今天六星云課堂總結(jié)了13個有趣的CSS 工具/庫，希望對大家有所幫助！

CSS PIN

CSS Spinners和Loaders- 模塊化、可定制和單一的 HTML 元素代碼。

shepherd

引導(dǎo)您的用戶瀏覽您的應(yīng)用。

particles.js

用于創(chuàng)建粒子的輕量級 JavaScript 庫。

Happy Hues

Happy Hues是一個調(diào)色板靈感網(wǎng)站。項目中需求中開發(fā)多主題的話可以參考一下。

Glassmorphism

Glassmorphism?是一種設(shè)計風(fēng)格，，用于實現(xiàn) UI 中“磨砂玻璃”效果。

Utopia

Utopia一種思考流體響應(yīng)式設(shè)計思想。

Specificity Visualizer

通過工具您可以通過鳥瞰圖快速了解 CSS 文件中的選擇器及其特性。

Reseter.css

結(jié)合Normalize.css?和?reset.CSS的替代方案。

優(yōu)點：不會刪除所有瀏覽器樣式，而是重新定義有用的樣式，大小只有**~0.7kb**

MoreToggles.css

一個純 CSS 庫，為您提供各種好看的切換開關(guān)

Charts.css

Charts.css?是一個用于數(shù)據(jù)可視化的開源 CSS 框架。

Optimizt

Optimizt用CLI命令去優(yōu)化圖像的工具。它可以壓縮?PNG、JPEG、GIF?和?SVG?有損和無損，并為光柵圖像創(chuàng)建?AVIF?和?WebP?版本。

以后需要優(yōu)化圖片時候，只需要在項目中運行script命令就快速生成WebP圖片格式簡單有便捷。

Halfmoon

具有內(nèi)置暗模式和使用 CSS 變量的完全可定制性的前端框架；非常適合構(gòu)建儀表板和工具。

Meanderer

用于響應(yīng)式 CSS 運動路徑的 JavaScript 微型庫！

以上就是本次分享的全部內(nèi)容，想學(xué)習(xí)更多CSS技巧，歡迎持續(xù)關(guān)注六星云課堂！