css3 gradient 分為 linear-gradient（線性漸變） 和radial-gradient（徑向漸變）。記住漸變並不是css3的乙個屬性，而是乙個屬性的值，雖然在css3中沒有專門註明漸變是針對background的，但是目前我所了解到的是只有background才會應用漸變屬性（background
-image也可以）。
我們先直接通過兩個例項來說明這兩種漸變的基本用法：分享乙個最好用的ui前端框架！
線性漸變linear-gradient：
.**
background:-moz-linear-gradient(left,#ace,#f96);/*mozilla*/
background:-webkit-gradient(linear,0
50%,100% 50%,from(#ace),to(#f96));/*old gradient for webkit*/
background:-webkit-linear-gradient(left,#ace,#f96);/*new gradient for webkit*/
background:-o-linear-gradient(left,#ace,#f96); /*opera11*/
其中第二行的-webkit-gradient是webkit核心瀏覽器老版本的寫法。
效果如下：
徑向漸變radial-gradient: 分享乙個最好用的ui前端框架！
.**
background: -moz-radial-gradient(#ace, #f96, #1e90ff);
background: -webkit-radial-gradient(#ace, #f96, #1e90ff);
效果：ie瀏覽器對gradient的支援和其他現代瀏覽器差別較大，我們將在<>和<>兩篇文章中分別說明。
css3 背景漸變
在沒有了解css也可以做背景漸變以前，我都是通過ps一張背景漸變的來應用到自己所做的網頁中。然而，在前不久我了解到css3也可以做背景漸變後，想要做背景漸變的效果就很容易了許多，下面是一些css3做背景漸變的方法。一.線性漸變 自上而下的線性漸變 div 從左往右的線性漸變 div 第乙個引數是漸變...
css3 顏色 背景 漸變
漸變放在 css裡的語句 一定要按這個順序排，才不會出錯。否則 有的瀏覽器會不正常，今天本來調好了，發現ie9不行，搞了半天不行，崩潰了 最後準備還是使用背景算了 最後一次 測試，終於搞定 background moz linear gradient top,fefefe,d3ecff moz火狐 ...
css3實現背景漸變
一 線性漸變 詳細 在css3中，可以使用 linear gradient實現背景線性漸變。linear gradient to left right top bottom 在ff瀏覽器時需要將樣式 書寫成 moz linear gradient chrome瀏覽器時需要寫成 webkit line...