Deprecated. (See Remarks.) Specifies a radial gradient, in which colors transition smoothly from a single point, and then spread outward in a circle or ellipse, repeating infinitely. A radial gradient is specified by first defining a center point, then the size and shape (if an ellipse) of the final—or 100%—circle or ellipse, and then the color stops in between, separated by commas.
Optional value that specifies a starting point for the gradient. This value can be one or two of the following keywords.
Optional value that specifies the shape of the gradient.
Indicates gradient is in the shape of an ellipse.
Indicates gradient is in the shape of an circle.
Optional value that specifies the size relative to the box closest to its center. Its possible values are either two space-delimited length values (or percentages) or one of the following keywords.
Required. Defines the color component of a stop point for the gradient. Each stop point has its own designated color, and the area between each point is filled with a continuous color transition from one to the other. This value can be any supported color value, as described in CSS Values and Units.
Optional percentage or decimal value that indicates where along the gradient line (from the center outward) to place the color stop. For instance, a value of 20% or 0.2 indicates the color stop should be placed at a point 20% of the length of the gradient line, starting from the beginning of the line.
Important The -ms-repeating-radial-gradient() function has been superseded by the repeating-radial-gradient function, which does not require the "-ms-" prefix and has a different syntax. Though the -ms-repeating-radial-gradient() function is still recognized by Internet Explorer 10, Microsoft encourages you to use the repeating-radial-gradient function, as it is compliant with the latest version of the CSS Image Values and Replaced Content Module Level 3 specification.
Once the last stop point has been reached, the gradient transitions to the first stop point and repeats.
The syntax for the -ms-repeating-radial-gradient() function is identical to that of the -ms-radial-gradient() function.
The following declaration creates a repeating circular gradient.
background-image: -ms-repeating-radial-gradient(left bottom,circle farthest-side, #F7FF08 0%, #21AD11 10%, #00A3EF 20%);
The following declaration creates a repeating elliptical gradient.
background-image: -ms-repeating-radial-gradient(left bottom,ellipse farthest-side, #F7FF08 0%, #21AD11 10%, #00A3EF 20%);
Build date: 9/6/2012