CSS 文本阴影生成器

可视化调节 text-shadow 的水平偏移、垂直偏移、模糊半径与颜色,支持多层阴影叠加,实时预览文字效果并一键复制生成的 CSS 代码。可用于柔光、发光、描边与长投影等文字效果。

阴影参数 已就绪
预览文本
阴影图层

多个图层按从上到下的顺序叠加,越靠前的阴影绘制在越上层。

实时预览与代码

文本阴影


          

生成的 CSS 将显示在这里。

使用规则
  • 简写顺序为 text-shadow: Xpx Ypx 模糊px 颜色;,前两个值必填。
  • 模糊半径为负值不合法,会被浏览器忽略。
  • 多层阴影用逗号分隔,可组合出立体、发光、描边等效果。
  • 颜色可用十六进制、rgb() 等任意合法颜色值。
  • 本工具完全在浏览器本地运行,输入数据不会上传到任何服务器。