轉自：http://www.cnblogs.com/rainman/p/5133685.html 1、語法 徑向漸變不同於線性漸變，線性漸變是從“一個方向”向“另一個方向”的顏色漸變，而徑向漸變是從“一個點”向四周的顏色漸變。其語法如下： center：漸變起點的位置 ...

徑向漸變 徑向漸變就是橢圓漸變，圓是橢圓的特殊形式，徑向漸變從圓心點以橢圓的形式向外擴散，漸變的實現由兩部分組成：橢圓和色標，橢圓控制漸變的位置、大小和形狀；色標控制漸變的顏色和位置。 語法： radial-gradient([[shape|<size>]? [at < ...

　　《CSS3 經典教程系列》上篇文章介紹了 linear-gradient（線性漸變），這篇文章向大家介紹 radial-gradient（徑向漸變）以及重復漸變（線性重復、徑向重復）。在以前，漸變效果和陰影、圓角效果一樣都是做成圖片，現在 CSS3 可以直接編寫 CSS 代碼來實現 ...

前面的話 　　上篇介紹了線性漸變，本文接着介紹徑向漸變的內容 定義 　　徑向漸變，實際上就是橢圓漸變，圓只是一種特殊的橢圓而已。徑向漸變從圓心點以橢圓形狀向外擴散，漸變的實現由兩部分組成：橢圓和色標。橢圓部分用來控制徑向漸變的位置、大小和形狀等。而色標部分包含一個顏色值和一個 ...

一.線性漸變 二.徑向漸變 三.重復漸變 ...

CSS3 漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。 以前，你必須使用圖像來實現這些效果，現在通過使用 CSS3 的漸變（gradients）即可實現。此外，漸變效果的元素在放大時看起來效果更好，因為漸變（gradient）是由瀏覽器生成的。 本文只講述 ...

　　linear-gradient() (線性漸變)　　repeating-linear-gradient() (重復的線性漸變) 　　radial-gradient() (鏡像漸變)　　repeating-radial-gradient() (重復的鏡像漸變) 設置漸變 ...

： radial-gradient(circle closest-side at center, red 50%, blue 100 ...