← 工具
設計與CSS
建立顏色、響應式大小調整和生產就緒的 CSS。
顏色與無障礙設計
CSS 佈局與視覺效果
- 盒陰影產生器拖曳滑桿調整偏移、模糊、擴散和顏色,疊加多層做出立體陰影,CSS 程式碼即時產生,隨時複製。
- 漸層產生器產生線性、放射或圓錐漸層,加入色標、調整方向,CSS 程式碼一鍵複製。
- 圓角產生器拖曳滑桿分別調整四個角的圓角,開啟橢圓模式還能捏出流動的異形(“blob”)形狀,CSS 程式碼即時產生,隨時複製。
- Flexbox 版面產生器用視覺化面板設定 flex 容器和每個項目,版面即時預覽,CSS 程式碼一鍵複製。
- CSS Grid 版面產生器設定好欄和列,在格子上拖出區域來放置項目,網格 CSS 連同對應的 HTML 一鍵複製。
- CSS 緩動曲線產生器拖曳兩個把手捏出緩動曲線,讓小球沿著它和等速運動賽跑,cubic-bezier() 值隨時複製。
- CSS clamp() 計算器給小螢幕和大螢幕各設一個尺寸,得到一個中間平滑過渡的響應式 clamp() 值——字級、內距、外距、間距都能用。
字體檢查與許可信息
屏幕、印刷與比例設計
目前分類中沒有符合的工具。