亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS 屬性大全

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

CSS函數(shù)repeating-radial-gradient() 創(chuàng)建一個(gè)從原點(diǎn)輻射的重復(fù)漸變組成的<image> 。它類似于radial-gradient 并且采用相同的參數(shù)，但是它會(huì)在所有方向上重復(fù)顏色，以覆蓋其整個(gè)容器。函數(shù)的結(jié)果是  <gradient> 數(shù)據(jù)類型的對(duì)象， 是一種特殊的<image>類型。

CSS 函數(shù)

在線示例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鳥(niǎo)教程(cainiaoplus.com)</title> 
<style>
#grad1 {
  height: 200px;
  background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
}
</style>
</head>
<body>
<h3>重復(fù)的徑向漸變</h3>
<div id="grad1"></div>
<p><strong>注意：</strong> Internet Explorer 9 及更早版本不支持漸變。</p>
</body>
</html>
測(cè)試看看 ?/?

定義與用法

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.016.0
3.6 -moz-		6.1
5.1 -webkit-		12.1
11.1 -o-

CSS 語(yǔ)法

background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);
值描述
shape定義漸變的形狀?？梢允?

  • ellipse (默認(rèn))：指定橢圓形的徑向漸變

  • circle：指定圓形的徑向漸變

size邊緣輪廓的具體位置?？梢允且韵轮担?ul class=" list-paddingleft-2">

  • farthest-corner (默認(rèn))：指定徑向漸變的半徑長(zhǎng)度為從圓心到離圓心最遠(yuǎn)的角。

  • closest-side：指定徑向漸變的半徑長(zhǎng)度為從圓心到離圓心最近的邊。

  • closest-corner：指定徑向漸變的半徑長(zhǎng)度為從圓心到離圓心最近的角。

  • farthest-side：與 closest-side 相反，指定徑向漸變的半徑長(zhǎng)度為從圓心到離圓心最遠(yuǎn)的邊。

    • position圓心位置，類似 on與 background-position 或者 transform-origin。默認(rèn)為 "center"
    start-color, ..., last-color用于指定漸變的起止顏色，可以使用 長(zhǎng)度值或百分比來(lái)指定起止色位置，但不允許負(fù)值。

    CSS 教程: CSS3 漸變

    CSS 函數(shù)