CSS · Functions and values

linear-gradient()

A gradient along a straight line. Supports hard stops and colour hints.

cssRunnable example css course

Syntax

linear-gradient(direction, stops)

Example

Try it

.demo { background: linear-gradient(135deg, #eef6ff, #fff3ef); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.