CSS阴影生成器

千寻网 CSS 阴影生成器，可视化调整 box-shadow（盒子阴影）和 text-shadow（文字阴影）的水平偏移、垂直偏移、模糊、扩散、颜色、内阴影等参数，实时预览并一键复制 CSS 代码。

水平偏移 X 10px

垂直偏移 Y 10px

模糊半径 20px

扩散半径 0px

阴影颜色 20%

内阴影 inset（内凹）

预设

预览效果

CSS 代码

使用说明

盒子阴影（box-shadow）：为元素添加阴影，参数 X偏移 Y偏移模糊扩散颜色 inset。
文字阴影（text-shadow）：为文字添加阴影，参数 X偏移 Y偏移模糊颜色。
水平偏移：正数向右，负数向左。垂直偏移：正数向下，负数向上。
模糊半径：值越大越模糊，0 为清晰边缘。
扩散半径（仅 box-shadow）：正值阴影扩大，负值收缩。
inset：内阴影，让阴影显示在元素内部。
点击「预设」快速应用常用阴影样式，或点击「复制」复制 CSS 代码。