Box Shadow(阴影)-Css3演示

WEB前端开发

效果设置区

阴影1

删除阴影添加阴影

效果预览区

代码区

-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(阴影)