线性渐变

线性渐变

       background-image：linear-gradient（red,blue）  （由红色变蓝色 从上到下）

       渐变定位（从什么地方开始到什么地方结束）

       在（red,blue）中加入位置

              如：（red 50px,blue 100px） 也可加入百分比 

       渐变方向 deg

              在开是位置加入角度值 （角度默认180deg）

                     如：background-image：linear-gradient（120deg，red,blue）

       斑马线（就是平铺渐变）

              background-image：repeating-linear-gradient（）

       兼容IE6（方向）

              filter：progid:DXTmageTransform.Microsoft.gradient

                        (starColorstr='red',endColorstr='blue',GradientType='1');或者2

       径向渐变

              background-image：radial-gradient（起点  形状 大小 点）

       起点：可以是关键字（left，top，right，bottom）、具体数值或百分比

       形状：ellipse、aircle

       大小：具体数值或百分比，也可以是关键字

                最近端（closest-side）

                最近角（closest-corner）

                最远端（farthest-side）

                最远角（farthest-side）

                包含 contain      

                覆盖 cover

       ！！！火狐只支持关键字。