CSS repeating-radial-gradient() 函數(shù)

實(shí)例

重復(fù)的線性漸變:

#grad { background-image: repeating-radial-gradient(red, yellow 10%, green 15%); }

repeating-radial-gradient() 函數(shù)用于創(chuàng)建重復(fù)的徑向漸變 "圖像"。

支持版本：CSS3

表格中的數(shù)字表示支持該函數(shù)的第一個(gè)瀏覽器版本號(hào)。

"webkit" 或 "moz" 或 "o" 指定的數(shù)字為支持該函數(shù)的第一個(gè)版本號(hào)前綴。

函數(shù)
repeating-radial-gradient()	26.0 10.0?-webkit-	10.0	16.0 3.6?-moz-	6.1 5.1?-webkit-	12.1 11.1?-o-

background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);

值	描述
shape	定義漸變的形狀?？梢允? ellipse (默認(rèn))：指定橢圓形的徑向漸變 circle：指定圓形的徑向漸變
size	邊緣輪廓的具體位置?？梢允且韵轮担? farthest-corner (默認(rèn))：指定徑向漸變的半徑長度為從圓心到離圓心最遠(yuǎn)的角。 closest-side：指定徑向漸變的半徑長度為從圓心到離圓心最近的邊。 closest-corner：指定徑向漸變的半徑長度為從圓心到離圓心最近的角。 farthest-side：與 closest-side 相反，指定徑向漸變的半徑長度為從圓心到離圓心最遠(yuǎn)的邊。
position	圓心位置，類似 on與 background-position 或者 transform-origin。默認(rèn)為 "center"
start-color, ..., last-color	用于指定漸變的起止顏色，可以使用長度值或百分比來指定起止色位置，但不允許負(fù)值。

CSS 教程: CSS3 漸變

其他擴(kuò)展

上一篇：CSS repeating-linear-gradient() 函數(shù) 下一篇：CSS rgb() 函數(shù)