CSS 陰影產生器

調整參數並即時產生 box-shadow CSS。

純本機處理。你的輸入內容不會離開瀏覽器。

預覽

水平位移垂直位移模糊擴散

陰影顏色%內陰影

關於

調整位移、模糊、擴散、顏色與透明度，產生 CSS box-shadow。預覽與 CSS 輸出會在瀏覽器內即時更新。

相關工具

PX ↔ REM 轉換器

依基準字級在 px 與 rem 之間換算。

CSS Clamp 計算機

產生用於流體排版的 CSS clamp() 值。

漸層產生器

建立含多個顏色停駐點的 CSS linear-gradient。