首页 > Web开发 > 详细

CSS3新增基础属性总结——20160409(易达客)

时间:2016-04-09 16:51:24      阅读:245      评论:0      收藏:0      [点我收藏+]

1、box-shadow :h-shadow v-shadow blur spread color inset(outset)

  h-shadow:必须;水平阴影位置,允许负值。

  v-shadow:必须;垂直阴影位置,允许负值。

  blur:可选,模糊距离。

  spread:可选,阴影的尺寸。

  color:可选,阴影的颜色。

  inset(outset):可选,默认为外部阴影,可以改为内部。

补充:

1、内外边框同时设置

box-shadow :h-shadow v-shadow blur spread color inset,h-shadow v-shadow blur spread color inset;

2、兼容格式

 .box-shadow{
 
   //Firefox4.0
 
   -moz-box-shadow:h-shadow v-shadow blur spread color inset;
 
   //Safariand Google chrome10.0-
 
   -webkit-box-shadow:h-shadow v-shadow blur spread color inset;
 
   //Firefox4.0+、Google chrome 10.0+、oprea10.5+ 、IE9
 
   box-shadow:h-shadow v-shadow blur spread color inset;

 }

 

CSS3新增基础属性总结——20160409(易达客)

原文:http://www.cnblogs.com/zxjwlh/p/5371699.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!