css3新增加UI学习

圆角：border-radius:8px；全部四个角   border-radius:6px 8px;  对角线   border-radius:6px 10px 8px;    右上角跟左下角相同

border-radius:100px/150px   前面是x轴半径  y轴半径   border-radius:100px 200px 300px   400px/100px 200px 300px   400px  前面是x轴半径  y轴半径

旋转：

-webkit-transform:rotate(720deg);

边框背景

边框颜色:border-left-color:blue yellow red;

渐变:-webkit-linear-gradient:(left,red,blue)

-webkit-linear-gradient:(60deg,red,0,blue,100px,yellow,100px)

-webkit-repeating-linear-gradient:(60deg,red,0,blue,100px,yellow,100px)

background:-webkit-repeating-linear-gradient:(left,red,0,blue,0)

径向渐变

background:-webkit-radial-gradient(top,)//没有度数  起点

背景图片等比缩放固定

background-image:url(../1.png);

background-attachment:fixed;

background-repeat:no-repeat;

background-size:cover;

-moz-background-size:cover;