CSS3 Text Shadow(文本阴影)效果在线调试工具
2px
2px
5px
工具介绍
CSS文本阴影效果在线调试工具提供在线调试并预览css3 Text Shadow效果的工具。具有实时调试并显示预览效果的功能,同时能够实时生成对应的css3效果代码。
CSS3 text-shadow 属性
值 |
描述 |
---|---|
h-shadow |
必需的。水平阴影的位置。允许负值 |
v-shadow |
必需的。垂直阴影的位置。允许负值 |
blur |
可选。模糊距离 |
color |
可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 |
说明
- css2的时候已经有了text-shadow这个属性,但是css2.1的又删除了这个属性,css3又重新使用了这个属性
- text-shadow:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色
- Firefox,webkit内核的Safari和Chrome,Opera支持Text Shadow(文本阴影):text-shadow:2px 2px 5px #333333
- 一个文本可以使用多个文本阴影
- IE不支持text-shadow(文本阴影)