css3新特性

css3圆角

border-radius，可将边框添加圆角属性。

写四个值是按照顺时针排序，写3个值 左上角0 右上角0 （对角）左下角30px 右下角30px。

复合属性性：（border-radius：10 20 30 40）

盒子阴影

box-shadow：默认是外阴影，不设置inset就是内阴影，设置了inset就是内阴影了

x-offset（x轴位移） y-offset（y轴位移） 20px（模糊半径的大小） blur-radius color（阴影颜色）

格式：box-shadow:inset 0 0 30px royalblue;

渐变

线性渐变

background:linear-gradient

沿着一条直线过度：从左到右，从右到左、从上到下等

background: linear-gradient(red,blue);（从上到下默认）

background: linear-gradient(to right,red,blue);（从左到右）

background: linear-gradient(to right bottom,red,blue);（对角）

径向渐变

圆形或椭圆形渐变，颜色不在沿着一条直线变化，而是从一个起点朝所有方向混合

background:radial-gradient

形状分类（circle --- 圆形）（ellipse --- 椭圆形）当元素高和宽一样时，参数无论是那个都是园形