CSS Gradients

Scenario 1: Linear gradients

This code sample demonstrates the basic syntax for linear gradients that have various numbers of color stops.

Scenario 2: Radial gradients

This code sample demonstrates the basic syntax for circular and elliptical radial gradients that have various numbers of color stops.

Scenario 3: Repeating gradients

This code sample demonstrates the basic syntax for repeating linear and radial gradients.