Gradient

linear-gradient

radial-gradient

(направление, цвет, цвет)

(направление, 0% цвет, 30% цвет, 100% цвет)

(направление, 0% цвет, 50% цвет, 50% цвет, 100% цвет)

linear-gradient

Направления:

• to side: to bottom, to top, to right, to left
• to corner: to left top, to right top, to right bottom, to left bottom
• angle 0deg, 33deg, 180deg, 359deg, ...

Упраженение 1

linear-gradient( to side to bottom to top to left to right to corner to left bottom to left top to right bottom to right top , , )

ok

Упраженение 2

Попробуйте использовать одинаковые и не одинаковые значения %

linear-gradient( to side to bottom to top to left to right to corner to left bottom to left top to right bottom to right top ,
, 0%
%,
%,
100% )

ok

radial-gradient

Документация на русском языке