gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fixed typos in article about linear gradient (#31001)

Browse Source 
Fixed typos in the article about linear gradient.
The article seemed to be done via google translate.
Fixed typos, fixed wrong sentences.
This commit is contained in:
lastsannin
2019-08-07 21:19:50 +04:00
committed by Randell Dawson
parent 892524b1b9
commit 852e079310
1 changed files with 12 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
guide/russian/css/linear-gradient/index.md
View File

@ -4,39 +4,33 @@ localeTitle: Линейный градиент
---
## Линейный градиент
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/css/linear-gradient/index.md) .
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
#### Дополнительная информация:
В линейном градиенте цвета движутся в одном направлении, т. Е. Слева направо, сверху вниз или любым выбранным вами углом.
В линейном градиенте цвета движутся в одном направлении, т.е. слева направо, сверху вниз или под любым выбранным вами углом.
![Градиент с двумя цветовыми остановками](https://cdn.discordapp.com/attachments/261391445074771978/371707961422118912/image.png)
**Линейный градиент с двумя цветами**
### Синтаксис-
### Синтаксис
Чтобы создать линейный градиент, вы должны определить как минимум два прекращения цвета. (Это цвета, из которых создаются переходы). Он объявляется либо в **фоновом,** либо в **фоновом изображении** .
Чтобы создать линейный градиент, вы должны определить как минимум две цветовых остановки. (Это цвета, из которых создаются переходы). Он объявляется либо в свойстве **background**, либо в **background-image**.
```
background: linear-gradient(direction, colour-stop1, colour-stop2, ...);
```
**Примечание. Если ни одно направление не указано, переход по умолчанию сверху вниз**
### Различные градиентные переходы -
### Различные градиентные переходы
**Сверху вниз :**
**Сверху вниз:**
```
background: linear-gradient(red, yellow);
```
![Сверху вниз](https://cdn.discordapp.com/attachments/261391445074771978/371702268803809301/image.png)
**Слева направо :**
**Слева направо:**
Для того, чтобы сделать его слева направо, добавьте дополнительный параметр в начале линейного градиента () , начиная со словом , **к** которому указывает направление:
Для того, чтобы сделать его слева направо, добавьте дополнительный параметр вида **to direction**, где direction - направление градиента.
```
background: linear-gradient(to right, red , yellow);
```
@ -54,7 +48,7 @@ background: linear-gradient(to right, red , yellow);
![Верхний левый](https://cdn.discordapp.com/attachments/261391445074771978/371705382105776128/image.png)
### Использование углов для указания направления градиентно-
### Использование углов для указания направления градиентов
Вы также можете использовать углы, чтобы быть более точными при указании направления градиента:
```
@ -68,7 +62,7 @@ background: linear-gradient(90deg, red, yellow);
![90 градусов](https://cdn.discordapp.com/attachments/261391445074771978/371710718698848256/image.png)
### Используя более двух цветов -
### Использование нескольких цветов
Вы не ограничены только двумя цветами, вы можете использовать столько разделенных запятыми цветов, сколько хотите.
```
@ -79,7 +73,7 @@ background: linear-gradient(red, yellow, green);
Вы можете также использовать другие цветовые синтаксисы, такие как RGB или шестнадцатеричные коды, чтобы указать цвета.
### Жесткий цвет останавливается -
### Жестко заданные цветовые остановки
Вы можете не только использовать градиенты для перехода с затухающими цветами, но также можете использовать его для немедленного перехода от одного сплошного цвета к другому сплошному цвету
```
@ -88,4 +82,5 @@ background: linear-gradient(to right,red 15%, yellow 15%);
![Жесткий цвет останавливается](https://cdn.discordapp.com/attachments/261391445074771978/371716730046775318/image.png)
**Дополнительная информация -** [Линейный градиент в Mozilla Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)
#### Дополнительная информация
[Линейный градиент в Mozilla Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)