Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Additional feedback?
1500 characters remaining
Export (0) Print
Expand All

Gradients

This section describes Cascading Style Sheets (CSS) features related to gradients.

In this section

FunctionDescription

linear-gradient

Specifies a linear gradient, in which colors transition smoothly along a line, by specifying a gradient line and two or more stop colors and offsets.

radial-gradient

Specifies a radial gradient, in which colors transition smoothly from a single point, and then spread outward in a circle or ellipse. 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.

repeating-linear-gradient

Specifies a repeating linear gradient, in which colors transition smoothly from a starting point to one or more color stops, and then repeat indefinitely.

repeating-radial-gradient

Specifies a radial gradient, in which colors transition smoothly from a single point, and then spread outward in a circle or ellipse, repeating infinitely.

 

 

 

Show:
© 2015 Microsoft