CSS box-shadow 陰影產生器

怎麼用？

每個圖層就是一道陰影。用水平、垂直位移移動它，用模糊讓邊緣變柔，用擴散讓它變大或變小。勾選「內陰影」會把陰影放到方塊裡面。圖層可以疊很多層，第一層畫在最上面。滿意了就複製 CSS。

做出自然陰影的訣竅

真實的影子往下落，所以水平位移接近 0、垂直位移設正數。不透明度 5–20% 會比純黑自然得多。像「多層」預設那樣疊好幾層、模糊和位移逐層加大，就能做出單一陰影做不到的柔和立體感。

資料安全嗎？

安全。全部在你的瀏覽器裡處理，貼上的內容不會傳到任何伺服器。