CSS 文本阴影
CSS text-shadow 文本阴影可视化生成器,支持多层阴影叠加(凸起/凹陷/霓虹效果)、颜色与透明度调节,一键复制 CSS。
📖 查看完整教程:CSS 文本阴影完整教程 → 阴影层
预设效果
Hello 世界
text-shadow 语法
text-shadow: x偏移 y偏移 模糊半径 颜色;
多层阴影用逗号分隔,每层独立设置。先写的层在后面渲染(视觉上压在最上层)。
常见效果
- 凸起:白色 1px 顶部阴影 + 黑色 1px 底部阴影
- 霓虹灯:同色多层叠加,模糊半径递增(5/10/20/40px)
- 3D 立体:多层 1px、2px、3px... 同方向阴影叠加
- 描边效果:8 个方向各 1px 阴影组合(不推荐,建议用
-webkit-text-stroke)