CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Help: linear-gradient() CSS function

The linear-gradient() Function

The CSS linear-gradient() function creates an image which represents a linear gradient of colors. The image is not a CSS <color> but an image with no intrinsic dimensions. The gradient's concrete size will match the size of the element it applies to.

Syntax for linear-gradient()
CSSlinear-gradient( [ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list> ), where <side-or-corner> = "[ left | right ] || [ top | bottom ]", <color-stop-list> = "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#", <linear-color-stop> = "<color> && <color-stop-length>?", <linear-color-hint> = "<length-percentage>", and <color-stop-length> = "<length-percentage>{1,2}"


  • Note the required "to" keyword before <side-or-corner>.

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem