Box Shadow(阴影)
Text Shadow(文本阴影)
Text Stroke(文本描边)和text-fill-color(文本填充色)
border-radius(圆角)
webkit内核的safari、 Chrome的Linear Gradients (线性渐变)
Firefox的Linear Gradients (线性渐变)
transform(变形)和transform-origin(变形原点)
CSS3 Flexbox 布局演示
Box Shadow(阴影)-Css3演示
效果设置区
阴影1
水平位移:
px
em
垂直位移:
px
em
模糊半径:
px
em
阴影颜色:
是否加圆角
删除阴影
添加阴影
效果预览区
代码区
-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333
说明
Safari 3
Firefox 3.5
Opera 10.5
Chrome
Internet Explorer
box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色
Firefox支持Box Shadow(阴影):-moz-box-shadow:2px 2px 5px #333333
webkit内核的Safari和Chrome支持Box Shadow(阴影):-webkit-box-shadow:2px 2px 5px #333333
Opera支持Box Shadow(阴影):box-shadow:2px 2px 5px #333333
IE不支持Box Shadow(阴影)
阴影
水平位移:
px
em
垂直位移:
px
em
模糊半径:
px
em
阴影颜色: