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