这个工具是什么
Text Shadow Generator 为文字字形添加阴影,支持偏移、模糊、颜色和透明度。预览文字以普通文本显示,即使包含 HTML 标签,也不会作为页面代码执行。
如何使用
- 输入希望查看的预览文字。
- 调整水平偏移、垂直偏移和非负模糊半径。
- 选择阴影颜色与透明度,观察实时文字效果。
- 复制 CSS,或点击“重置”恢复初始参数。
使用示例
- 小偏移和较低透明度适合轻微文字投影。
- 偏移为 0、模糊较大时,可尝试柔和的发光效果。
- 输入中文、英文或符号,可以比较不同字形的阴影。
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);原理与 CSS 说明
text-shadow 的结构是 offset-x offset-y blur-radius color。它作用于文字字形,不包含 spread-radius,也没有 inset。阴影颜色使用验证后的通道和透明度组成。
常见用途
- 调试标题和海报文字效果。
- 为品牌文案制作柔和阴影。
- 理解文字阴影与盒子阴影的参数差异。
隐私说明
输入与结果仅在您的浏览器中处理,不会上传或自动保存。需要保留结果时,请复制并自行保存。
FAQ
text-shadow 和 box-shadow 有什么区别?
text-shadow 沿文字字形绘制,box-shadow 作用于元素盒子。
text-shadow 为什么没有 spread?
标准 text-shadow 语法只提供两个偏移、可选模糊和颜色,没有扩散半径。
可以设置多个 text-shadow 吗?
CSS 可以用逗号连接多层文字阴影;本页专注于稳定生成单层阴影。
预览文字中的 HTML 会执行吗?
输入只作为文本处理,HTML 和脚本不会运行。