方塊陰影產生器

視覺化產生 CSS box-shadow,支援多重陰影圖層。

陰影 1
水平偏移4px
垂直偏移4px
模糊10px
擴展0px
透明度0.25
顏色
預覽
CSS 程式碼
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);

如何使用

調整水平/垂直偏移、模糊、擴展和透明度的滑桿來塑造陰影效果。選擇顏色並可選擇切換為內陰影。新增更多陰影圖層可建立複雜效果。即時預覽方塊會顯示您的陰影效果。完成後複製 CSS 程式碼。

常見問題

相關工具