工具介绍
CSS文字阴影生成器是一款可视化在线工具,帮助你快速创建和调整多层文字阴影效果,实时预览并生成可用的text-shadow CSS代码,无需手动编写。
使用方法
- 在「预览文字」框输入你想要展示的文字内容,预览区会实时更新。
- 每个阴影层可分别调整X轴偏移、Y轴偏移、模糊半径和阴影颜色。
- 点击「添加阴影层」可增加多层阴影,点击每层的「删除」按钮可移除不需要的阴影层。
- 调整过程中预览区会实时显示最终效果,底部会自动生成完整的CSS代码,可直接复制使用。
参数说明
| 参数 | 说明 |
|---|---|
| X偏移 | 阴影在水平方向的偏移距离,单位px,正值向右偏移,负值向左偏移 |
| Y偏移 | 阴影在垂直方向的偏移距离,单位px,正值向下偏移,负值向上偏移 |
| 模糊半径 | 阴影边缘的模糊程度,数值越大阴影越模糊,最小值为0(表示无模糊) |
| 阴影颜色 | 阴影的颜色,可通过拾色器选择任意颜色 |
CSS语法说明
text-shadow的CSS语法格式为:text-shadow: 偏移X 偏移Y 模糊半径 颜色, 偏移X 偏移Y 模糊半径 颜色, ...;
多个阴影层之间使用逗号分隔,支持添加任意数量的阴影层。