Применение цвета к элементам HTML не ограничивается одним плоским оттенком. CSS предоставляет возможность использовать для элементов цветовые переходы, также известные как градиенты. Доступ к нему осуществляется через функцию linear-gradient () для свойства background. Вот общий синтаксис:
background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);
Первый аргумент указывает направление, с которого начинается переход цвета - его можно указать в градусах, где 90deg создает горизонтальный градиент (слева направо), а 45deg создает диагональный градиент (снизу слева направо). Следующие аргументы определяют порядок цветов, используемых в градиенте.
Пример:
div {
background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));
}
Задание:
- Используйте linear-gradient () для создания гардиентного фона элемента div.
- Установите угол 35 градусов (35deg)
- Гардиент должен переходить с цвета с #CCFFFF на #FFCCCC.
