Elysia Tools
导航
Design
生成 CSS 文字阴影属性
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
CSS 文字阴影生成器是一款高效的在线工具，旨在帮助开发者和设计师快速生成精准的 text-shadow CSS 代码，通过可视化调节偏移量、模糊半径及颜色，轻松实现美观的文字视觉效果。
背景
正在设计一个现代化的着陆页，需要让主标题在背景图上更突出。
问题
文字与背景颜色相近，导致可读性较差。
如何使用
设置水平偏移为 2px，垂直偏移为 2px，模糊半径为 5px，颜色设为黑色并降低不透明度。
horizontal: 2, vertical: 2, blur: 5, color: #000000, opacity: 0.3结果
生成了 text-shadow: 2px 2px 5px rgba(0,0,0,0.3);，使标题具有了自然的投影效果。
背景
需要为活动页面制作一个具有霓虹灯发光感的标题。
问题
普通的文字样式缺乏视觉冲击力。
如何使用
将偏移量设为 0，模糊半径调大至 15px，选择亮粉色作为阴影颜色。
horizontal: 0, vertical: 0, blur: 15, color: #ff00ff, opacity: 0.8结果
生成了 text-shadow: 0px 0px 15px rgba(255,0,255,0.8);，实现了文字周围的发光效果。
是的，生成的代码是标准的 CSS text-shadow 属性，可直接复制到任何 CSS 文件中使用。
可以，通过调节“不透明度”滑块，你可以轻松控制阴影的深浅效果。
支持，当你调整任何参数时，预览区域会立即更新显示效果。
可以，水平和垂直偏移均支持负值，这允许你将阴影放置在文字的左侧或上方。
是的，该工具完全免费，无需注册即可使用所有功能。