Make a CSS box shadow

Move the sliders to see a preview and the CSS.

No registration, No login
零隱私外洩
不用於 AI 訓練
永久免費
Eco: no server processing: Processing happens only on your device. No data-center power or cooling water is used.

🤲你的檔案屬於你，就留在你的手中。

選項

X offsetY offset

BlurSpread

ColorOpacityCorner radiusInset

CSS

Can it make inner shadows?

Tick "Inset".

Does it include rounded corners?

Yes, border-radius is included.

用 Box Shadow Generator 處理我的檔案安全嗎？

安全。檔案絕不會上傳，只在你的瀏覽器內處理。每個頁面都套用了封鎖對外連線的政策（Content-Security-Policy connect-src 'none'），左下角的計數器也會顯示已傳送資料：0 位元組。

免費嗎？需要帳號嗎？

完全免費，不需要帳號，也沒有使用次數限制。

手機也能用嗎？

可以。iPhone 和 Android 的手機瀏覽器都能使用。檔案很大時，用電腦會比較快。