工具的互動按鈕與輸入提示目前可能以英文顯示。
工具
CSS 方塊陰影產生器
在 CSS 方塊陰影產生器 輸入 位移、模糊、擴散與顏色，即可取得 陰影預覽與 CSS 程式碼；不必安裝軟體或註冊帳號。
CSS 方塊陰影產生器 只在此瀏覽器內處理輸入與檔案，不會傳送給外部服務，資料也不會離開目前頁面。
Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);使用方法
CSS 方塊陰影產生器 是實用的瀏覽器工具，可接收 位移、模糊、擴散與顏色 並產生 陰影預覽與 CSS 程式碼。設定與結果都能在目前頁面逐步檢查。 實際範例：0 8px 24px rgba(0,0,0,.2)。
- 在 CSS 方塊陰影產生器 選擇位移、模糊、擴散與顏色設定。
- 調整設定並查看即時預覽。
- 按下複製按鈕複製結果。
輸出
- CSS 方塊陰影產生器 範例：0 8px 24px rgba(0,0,0,.2)
限制
- CSS 方塊陰影產生器 的限制：過重的陰影會影響可讀性或算繪效能。重要結果請與原始資料核對。
隱私
CSS 方塊陰影產生器 只在此瀏覽器內處理輸入與檔案，不會傳送給外部服務，資料也不會離開目前頁面。
常見問題
CSS 方塊陰影產生器 會產生什麼？
它會依輸入與所選設定產生 陰影預覽與 CSS 程式碼。
CSS 方塊陰影產生器 的結果可以直接使用嗎？
過重的陰影會影響可讀性或算繪效能。用於重要工作前請先檢查。