本文章盤點 GitHub 上 Star 最多的 CSS 開源項目，有的是規范指南，有的是受歡迎的 CSS 庫。前端開發者可收藏本篇文章，方便日后查閱。

本期推薦開源項目目錄：

1. Font-Awesome

2. Animate.css

3. normalize.css

4. 幫你提高 CSS 技巧

5. CSS 奇技淫巧

01

Font-Awesome

這個 70K ?Star 的開源項目是一個 CSS、SVG、字體的工具箱。在這里你可以找到你任何想要的可縮放矢量圖標，它可以被定制大小、顏色、陰影以及任何可以用 CSS 的樣式，已經被數百萬設計師、開發者使用。

開源地址：https://github.com/FortAwesome/Font-Awesome

02

Animate.css

相信每一位前端工程師在寫動畫的時候，都會想到去 GitHub 上去看看有沒有現成的輪子可用。開源項目 Animate.css 算的上是 GitHub 山最受歡迎的 CSS 動畫庫。

Animate.css 支持所有主流的瀏覽器和操作系統，如今已經 75K 的 Star，大多數動畫效果你只需要簡單的兩行代碼就能完成，比如彈跳、淡入淡出、抖動、閃現等等。

開源地址:https://github.com/animate-css/animate.css

03

normalize.css

如果想讓不同的瀏覽器在渲染網頁元素的時候形式更統一，Normalize.css 是一個不錯的選擇，這個開源項目在 GitHub 上斬獲 48.5k 的 ?Star。

相比于傳統的 CSS reset，Normalize.css 是一種現代的、為 HTML5 準備的優質替代方案。

開源地址：https://github.com/necolas/normalize.css

04

幫你提高 CSS 技巧

這個獲得 22.7K 的 Star 的開源項目，可以幫助你提高 CSS 技能的一系列技巧。包括 Flex 布局、SVG圖標、:empty 的用法、選擇器小技巧、布局技巧等等。

開源地址：https://github.com/AllThingsSmitty/css-protips

05

CSS 奇技淫巧

這個由 @chokcoco 開源的項目記錄了 CSS 容易忽視的技巧和細節。這是一系列的文章，圍繞 CSS/Web動畫?展開，包含一些有趣的話題，幫助開發者拓寬解決問題的思路。

開源地址：https://github.com/chokcoco/iCSS

06

歷史推薦

逛逛 GitHub 每天推薦一個好玩有趣的開源項目。歷史推薦的開源項目已經收錄到 GitHub 項目，歡迎 Star：

開源項目：https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo

推薦閱讀

總結

以上是生活随笔為你收集整理的推荐 5 个 火火火火 的 CSS 项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。