Box Shadow 生成器 - 視覺化建立 CSS Box Shadow

使用方法

1. 使用滑桿調整 X/Y/Blur/Spread/Color
2. 可新增多個陰影層
3. 複製 CSS 程式碼使用

常見問題

可以添加多個陰影嗎？

可以。可以疊加多個 box-shadow 值。

生成的 CSS 可以直接使用嗎？

可以。複製程式碼直接貼到 CSS 檔案中使用。

支援 inset 陰影嗎？

支援。內側陰影（inset）可以切換開關。

資料會傳送至伺服器嗎？

所有處理均在瀏覽器中完成，不會將資料傳送至伺服器。

陰影未如預期顯示時怎麼辦？

請嘗試調整模糊（blur）、擴散（spread）和顏色透明度的值，並確認 inset 選項的開關狀態是否正確。

相關工具