關於CSS3漸層使用方法

標籤：瀏覽器   起點   

一、線性漸層

原先各瀏覽器的寫法標準是：

－webkit-linear-gradient ( left ,  #f00 , #00f ) ; // 從左邊開始

－o-linear-gradient ( left ,  #f00 , #00f ) ;

－moz-linear-gradient ( left ,  #f00 , #00f ) ;

或者使用角度：

－webkit-linear-gradient ( 0deg ,  #f00 , #00f ) ; // 從水平x軸開始

－o-linear-gradient ( 0deg ,  #f00 , #00f ) ;

－moz-linear-gradient ( 0deg ,  #f00 , #00f ) ;

第一個參數表示起點 位置 ，角度表示從x軸正軸方向 逆時針計算

後面的參數表示顏色的順序，可2個及以上

標準寫法：

 linear-gradient (  to right , #f00 , #00f )  //  到終點結束

 linear-gradient ( 0 deg , #f00 , #00f )  //  從垂直y軸開始

第一個參數表示 到終點 的位置 ，角度表示從 y軸正軸方向 順時針計算

後面的參數表示顏色的順序，可2個及以上

本文出自 “前端開發學習筆記” 部落格，謝絕轉載！

關於CSS3漸層使用方法