用户评分
阴影设置
2px
2px
4px
32px
效果预览
文字阴影效果
CSS代码
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
代码已复制到剪贴板
完整样式代码
.text-shadow {
color: #dc2626;
font-size: 32px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}使用说明
这个CSS文字阴影效果生成工具可以帮助您快速创建和预览各种文字阴影效果。通过调整各项参数，您可以实时看到效果变化，并直接复制生成的CSS代码到您的项目中使用。
- 水平偏移：设置阴影在水平方向的位置
- 垂直偏移：设置阴影在垂直方向的位置
- 模糊半径：设置阴影的模糊程度
- 阴影颜色：选择阴影的颜色
- 文本颜色：选择文本本身的颜色
- 文本大小：调整示例文本的大小
- 示例文本：自定义预览文本内容