🎨 CSS 工具組

整合 CSS 漸層、陰影、動畫、Grid 佈局、優先級計算，一站式產生和預覽所有 CSS 樣式。

常見問題 FAQ

這個工具組包含哪些 CSS 功能？

工具組包含五大功能：漸層產生器（線性、放射狀、錐形）、Box Shadow 設計器（多層陰影）、動畫產生器（12 種預設動畫效果）、CSS Grid 佈局工具、CSS 選擇器優先級計算器。

產生的 CSS 程式碼可以直接使用嗎？

可以，每個工具都提供一鍵複製按鈕，複製後直接貼入專案的 CSS 檔案即可使用。所有程式碼皆相容現代瀏覽器（Chrome、Firefox、Safari、Edge）。

CSS 優先級計算如何運作？

根據 CSS 規範計算選擇器的 (a,b,c) 優先級值，a 為 inline 樣式，b 為 ID 選擇器數量，c 為 class/屬性/偽類選擇器數量。工具支援同時比較多個選擇器的優先級高低。

CSS Grid 工具產生的是什麼樣的程式碼？

產生完整的 CSS Grid 宣告，包含 grid-template-columns、grid-template-rows、gap 等屬性，以及對應的 HTML 結構範例，適合直接套用到專案。