效果预览
代码生成区
参数设置
工具介绍
- CSS文本阴影效果在线调试工具提供在线调试并预览css3 Text Shadow效果的功能。
- 具有实时调试并显示预览效果的功能,同时能够实时生成对应的css3效果代码。
CSS3 text-shadow 属性
值 | 描述 |
---|---|
h-shadow | 必需的。水平阴影的位置。允许负值 |
v-shadow | 必需的。垂直阴影的位置。允许负值 |
blur | 可选。模糊距离 |
color | 可选。阴影的颜色。 |
使用说明
- text-shadow 属性语法:
text-shadow: 水平偏移 垂直偏移 模糊半径 颜色
- 一个文本可以使用多个文本阴影,用逗号分隔
- 所有现代浏览器(Chrome, Firefox, Safari, Edge)均支持 text-shadow 属性
- 您可以通过调整上方的各项参数,实时预览文本阴影效果并获取相应CSS代码
评论(可选):