January 12, 2012
 |
| background: linear-gradient(45deg, white, black); |
An image showing a box with a background shading gradually from white in the bottom-left corner to black in the top-right corner. There is a line, illustrating the gradient-line, angled at 45 degrees and passing through the center of the box. The starting-point and ending-point of the gradient-line are indicated by the intersection of the gradient-line with two additional lines that pass through the bottom-left and top-right corners of the box.
4.1.2. Linear Gradient Examples
*
linear-gradient(135deg, yellow, blue);
linear-gradient(-45deg, blue, yellow);
4.2.4. Radial Gradient Examples
*
radial-gradient(farthest-side at left bottom, red, yellow 50px, green);
NOTE: THOSE ARE THE ACTUAL THE CODE PARAMETERS
*
repeating-radial-gradient(circle closest-side at 20px 30px, red, yellow, green 100%, yellow 150%, red 200%)
Related articles
(Amazon)
(Amazon)
(Amazon)
