On 6/5/13 4:57 PM, Angela French wrote:
background-image: linear-gradient(to bottom, red, yellow);
...What Barney C. said. But if you're a glutton for punishment, the
value syntax is as follows:
linear-gradient(angle|keyword, color1 stop1, color2 stop2, ...);
Angles are provided in the form {int}deg and 0deg = 12 o'clock (top to
bottom) unless it's part of -webkit-linear-gradient, in which case 0deg
= 3 o'clock.
Only one keyword is needed; the gradient will travel across the affected
element from there. If two (space-separated) keywords are provided,
they should be on different axes by way of indicating a corner.
Any valid color value will do, as will any valid length value for the
locations of the stops. If stop lengths are omitted, the first color
will be on the left edge, the last on the right, and the other colors
will be evenly spaced along the gradient.
If a CSS property with more verbose values (that aren't data URIs)
exists, I haven't found it yet.
--
Ben Henick lurker...@henick.net
Sitebuilder At-Large t:@bhenick
+1 785 856 1863
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
