Pt
PowerUtils

CSS 陰影生成器

視覺化生成 CSS box-shadow 代碼。

使用說明

  • •調整滑桿設定陰影參數
  • •即時預覽效果
  • •點擊複製 CSS 代碼
  • •貼上到你的樣式表中
4px
4px
10px
0px
Box
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);

常見問題

相關工具

CSS 漸層生成器
視覺化生成線性和徑向 CSS 漸層。
顏色轉換器
HEX、RGB、HSL、HSV 顏色格式互相轉換。
Flexbox 生成器
視覺化調整 Flexbox 佈局並生成 CSS 代碼。
意見反饋

意見反饋