css3---線性漸層

標籤：targe   blog   sites   css   http   efault   otto   web   style   

.example1 {       width: 150px;       height: 80px;       background: -moz-linear-gradient( top,#ccc,#000);

       background: -o-linear-gradient( top,#ccc,#000);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ccc, endColorstr=#000);//ie

 -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ccc,endColorstr=#000)";

}

效果如下：

 

　　

 

 老式寫法

background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));

參考：http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html

css3---線性漸層