首页 › 前端工具 › CSS 文字阴影生成器
TS

CSS 文字阴影生成器

调整 X/Y 偏移、模糊半径、阴影颜色,实时预览文字阴影效果

功能CSS 文字阴影生成器
调节项X/Y 偏移 / 模糊 / 颜色
预览实时效果 + 可复制代码
#73b9ff
效果预览
CSS 文字阴影
生成的 CSS 代码0 字符

CSS 文字阴影生成器说明

CSS text-shadow 属性可为文字添加阴影效果,语法为 text-shadow: h-shadow v-shadow blur color。

X/Y 偏移:控制阴影水平和垂直位移,正值向右下、负值向左上。模糊半径设为 0 即为硬边阴影。

使用场景:标题强调、霓虹灯效、浮雕文字、卡片标题装饰等。

前端工具