Box Shadow(阴影)
Text Shadow(文本阴影)
Text Stroke(文本描边)和text-fill-color(文本填充色)
border-radius(圆角)
webkit内核的safari、 Chrome的Linear Gradients (线性渐变)
Firefox的Linear Gradients (线性渐变)
transform(变形)和transform-origin(变形原点)
CSS3 Flexbox 布局演示
Text Shadow(文本阴影)-Css3演示
效果设置区
文字颜色:
文本阴影1
水平位移:
px
em
垂直位移:
px
em
模糊半径:
px
em
阴影颜色:
删除阴影
添加阴影
效果预览区
Text Shadow(文本阴影)-Css3演示
代码区
-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333
说明
Safari 1.1
Firefox 3.5
Opera 9
Chrome
Internet Explorer
css2的时候已经有了text-shadow这个属性,但是css2.1的又删除了这个属性,css3又重新使用了这个属性;
text-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色
Firefox,webkit内核的Safari和Chrome,Opera支持Text Shadow(文本阴影):text-shadow:2px 2px 5px #333333
一个文本可以使用多个文本阴影
IE不支持text-shadow(阴影)
阴影
水平位移:
px
em
垂直位移:
px
em
模糊半径:
px
em
阴影颜色: