©
This document usesPHP Chinese website manualRelease
left:设置左边为径向渐变圆心的横坐标值。
center①:设置中间为径向渐变圆心的横坐标值。
right:设置右边为径向渐变圆心的横坐标值。
top:设置顶部为径向渐变圆心的纵坐标值。
center②:设置中间为径向渐变圆心的纵坐标值。
bottom:设置底部为径向渐变圆心的纵坐标值。
circle:指定圆形的径向渐变
ellipse:指定椭圆形的径向渐变。
closest-side:指定径向渐变的半径长度为从圆心到离圆心最近的边
closest-corner:指定径向渐变的半径长度为从圆心到离圆心最近的角
farthest-side:指定径向渐变的半径长度为从圆心到离圆心最远的边
farthest-corner:指定径向渐变的半径长度为从圆心到离圆心最远的角
repeating-radial-gradient()的语法与radial-gradient()相同。
示例代码:
(图一)
repeating-radial-gradient(circle closest-side, #f00, #ff0 10%, #f00 15%);
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0-9.0 | 2.0-3.5 | 4.0-9.0 -webkit-#1 |
3.1-3.2 | 15.0+ | 3.2-4.3 -webkit-#1 |
2.1-3.0 -webkit-#1 |
10.0-25.0 -webkit-#1 |
10.0+ | 3.6-15.0 -moz- |
10.0-25.0 -webkit- |
4.0-5.0 -webkit-#1 |
5.0-6.1 | 4.0-4.3 -webkit- |
26.0+ | |
16.0+ | 26.0+ | 5.1-6.0 -webkit- |
7.0+ | 4.4+ | |||
6.1+ |
使用过时的语法:-webkit-gradient(radial,…)