颜色代码转换
颜色代码转换可在浏览器中转换 HEX、RGB、HSL 与透明度并预览颜色。
Box Shadow 生成
Box Shadow 生成可在浏览器中根据位置、模糊、扩散与透明度生成并预览 box-shadow。
Box Shadow 生成
⌂ 输入和结果仅在此浏览器中处理，不会自动保存或发送。
等待输入
● 实时预览输入与条件
输出
等待输入
完整文本结果
使用方法
设置阴影偏移、模糊、扩展、颜色和透明度，多层阴影应逐层调整。
将 CSS 用于实际背景和相邻元素检查。不要只靠阴影表达选中状态，还需其他可见提示。
示例
#0F172A原理与限制
每个输入限1,048,576字节，输出限33,554,432字节，处理时间限5,000毫秒。输入不会被静默截断。
指南
相关工具
Flexbox 与 Grid 生成
Flexbox 与 Grid 生成可在浏览器中根据 Flexbox/Grid 设置生成并预览布局 CSS。