freeCodeCamp/guide/russian/certifications/responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient/index.md

---
title: Create a Gradual CSS Linear Gradient
localeTitle: Создать линейный градиент линейного CSS
---
\## Создать постепенный линейный градиент CSS

Чтобы создать линейный градиент, вы должны определить не менее двух цветовых остановок. Цветные остановки - это цвета, которые вы хотите сделать плавными переходами. Вы также можете установить начальную точку и направление (или угол) вместе с эффектом градиента.

Синтаксис всегда:
```
background-image: linear-gradient(angle, color-stop1, color-stop2);
```

Цвета могут использоваться как в форматах hex (), так и в формате rgb (). Поэкспериментируйте немного, и вы поймете, насколько легко и красиво это использовать.

## Ресурсы

[По этой ссылке есть обширная информация по этой теме.](https://www.w3schools.com/css/css3_gradients.asp)

[Кроме того, вы можете просмотреть это видео Youtube от The Net Ninja.](https://www.youtube.com/watch?v=wTk4Wuckd0U)