溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
以webkit內核瀏覽器為例，
語法：
div{
width:200px;
height:200px;
background:-webkit-linear-gradient(left,#F39,#09C);
}如圖：
參數：
-webkit-linear-gradient 是 webkit 引擎對漸變的實現參數。第一個參數控制漸變方向，比如 left （由左向右）right（由右向左）。第二個和第三個參數，分別是顏色起止顏色。
起止顏色是沿著漸變線，將會在指定位置（以百分比或長度設定）含有指定顏色的點。色彩的起止數是無限的。如果您使用一個百分比位置，0％代表起點和100％是終點，但區域外的值可以被用來達到預期的效果。 這也是通過CSS3 Gradient制作漸變的一個關鍵所在，其直接影響了你的設計效果，像我們這里的示例都不是完美的效果，只是為了能給大家展示一個漸變的效果，大家就這樣先用著吧。我們接著看一下不同的起址色的示例：
div{
width:200px;
height:200px;
background:-webkit-linear-gradient(left,#F39 90%,#09C);
}如圖下
更詳情的用法歡迎大家一起來討論，
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
