CSS阴影
可视化调整box-shadow偏移、模糊、扩散、颜色和内阴影参数
#73b9ff
阴影预览4px 8px 20px 0px #73b9ff
生成的 CSS 代码19 字符
box-shadow: 4px 8px 20px 0px #73b9ff;X/Y 偏移4px / 8px
模糊/扩散20px / 0px
类型outset
CSS 阴影生成器说明
CSS box-shadow 属性用于为元素添加阴影效果，由 X/Y 偏移、模糊半径、扩散半径、颜色和 inset（内阴影）五个参数组成。
X/Y 偏移：正值向右/下偏移，负值向左/上偏移。模糊半径越大阴影越柔和，为 0 时阴影边缘锐利。
扩散半径：正值扩大阴影，负值缩小阴影。inset 关键字使阴影出现在元素内部，营造凹陷效果。
使用场景：卡片浮起、按钮立体感、输入框聚焦、弹层投影等。生成的代码可直接复制使用。