推荐工具

颜色选择器 CSS 渐变生成器 PX 转 PT 工具 PX 转 REM 工具 PX 转 EM 工具 SVG 在线预览图像圆角剪裁

CSS 阴影生成器

可视化生成 box-shadow 阴影代码，支持内外阴影、透明度与实时预览

水平偏移

px

垂直偏移

px

模糊半径

px

扩散半径

px

透明度

%

颜色

阴影类型内阴影

预览

阴影效果预览

CSS 代码

box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);