受控 box-shadow 生成(含 inset)
用校验后的整数 px、inset 枚举和颜色生成 box-shadow;inset 与 outset 都可预览,复制文本经过快照与解析验证。
输入与参数
inset— 内阴影 inset / 外阴影 outsetoffsetX— 水平偏移 px(-100–100,滑条或键盘)offsetY— 垂直偏移 px(-100–100)blur— 模糊半径 px(0–100)spread— 扩散半径 px(-100–100)color— 阴影颜色
真实示例
inset=inset, offsetX=2, offsetY=4, blur=8, spread=0, color=#17211c
→ box-shadow: inset 2px 4px 8px 0px #17211c;
限制与失败处理
仅单层 box-shadow、整数 px、有限范围与受控颜色;不支持多层阴影、calc()/var()、任意 CSS 或 text-shadow。颜色 alpha 支持 8 位 HEX 与 rgba()/hsla()。
FAQ
inset 怎么表达?
选择 inset 会在序列化结果开头加入关键字 inset;选择 outset 则省略。也接受布尔值 true/false,其它字符串会报 INVALID_INSET。
可以叠加多层阴影吗?
首发只生成单层阴影,不支持逗号分隔的多层值;这样可保持受控语法与可测试性。
数值范围与小数如何处理?
偏移/扩散为 -100..100 整数、模糊为 0..100 整数;越界报 OUT_OF_RANGE,小数报 INVALID_NUMBER,不会静默取整。