CSS 文字阴影(text-shadow)生成器

调整 CSS 文字阴影的偏移、模糊和颜色,即刻获得对应的 text-shadow 值,并提供实时预览。100% 在您的浏览器中本地计算,不会向服务器发送任何内容。

示例:
预览
CSS 代码

工作原理

CSS 属性 text-shadow 接受水平偏移、垂直偏移、可选的模糊半径和颜色。该工具让您通过滑块调整每个数值,并立即在示例文字上看到效果,从而轻松做出浮雕、发光或复古风格的效果,无需手动猜测数值。

可以在同一段文字上叠加多个阴影吗?

可以,text-shadow 属性支持用逗号分隔的多个声明(例如叠加多层光晕以实现霓虹效果)。该工具一次只生成一个阴影;您可以复制结果,并在需要时手动与其他数值组合。

如何做出逼真的「霓虹」效果?

将水平和垂直偏移设为 0,大幅增加模糊度,并在深色背景上选择一种鲜艳的颜色:这正是上方「霓虹效果」预设所采用的组合。

没有任何数据会离开您的设备:计算和预览完全由您的浏览器在本地生成。