New CSS Image Values and Replaced Content Module Level 3 - 2012.01.12 | W3.org

By Dotpattern @collectinghobby

CSS Image Values and Replaced Content Module Level 3:
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%)