---
id: 587d78a5367417b2b2512ad6
title: Create a Gradual CSS Linear Gradient
challengeType: 0
videoUrl: ''
localeTitle: Создать линейный градиент линейного CSS
---
## Description
Применение цвета на элементах 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));
## Instructions
Используйте linear-gradient()
для background
элемента div
и установите его в направлении 35 градусов, чтобы изменить цвет с #CCFFFF
на #FFCCCC
. Заметка
Хотя есть другие способы указать значение цвета, например rgb()
или hsl()
, используйте шестнадцатеричные значения для этой задачи.
## Tests
```yml
tests:
- text: Элемент div
должен иметь background
с linear-gradient
с заданным направлением и цветами.
testString: 'assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), "The div
element should have a linear-gradient
background
with the specified direction and colors.");'
```
## Challenge Seed
## Solution
```js
// solution required
```