Css3新增属性

1.新增边框属性

box—shadow【实现边框阴影】

  属性值有  ：模糊度   X轴偏移  Y轴偏移 color 阴影颜色

border—radius【  实现圆角边框】

 属性值越大角度越大

border—image【实现图片边框】

border-image: source slice width outset repeat;

2.新的多列布局

column-count 指定需要分割的列数

column-gap 指定列与列间的间隙

column-rule-width指定两列的边框厚度 还有颜色样式。。

column-span 指定元素是否跨越所有列

column-width指定列的宽度

3.颜色属性

rgba(red,alpha)
相对于rgb颜色表示法，新增了一个透明通道。
alpha该透明通道取值为0--1，值越大，越不透明
opacity:0--1
表示透明度。该取值越大，越不透明。
该属性具有继承性

4.渐变属性

1>线性渐变

/*方向性渐变这是向右可以向左上下啊线性渐变*/background: linear-gradient(to right,yellow,red,green,blue,violet);

如果想要在渐变的方向上做更多的控制，可以定义一个角度，而不用预定义方向（to bottom、to top、to right、to left、to bottom right，等等）。

2>径向渐变

/*径向渐变的样式是由度数来决定的 表达式xxdeg*/

background: linear-gradient(45deg,yellow,red,green,blue,violet);

5.背景新增属性

background-image      新增多张图片功能，每张图片以” , “隔开
background-repeat     新增两个属性值，
background-position 可以对于 top|right|bottom|left进行定位调整
background-origin     从盒子模型不同区域开始显示背景图片
background-clip      从盒子模型不同区域开始裁剪背景图片
background-size      用长度值指定背景图片大小，不允许负值