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) ![Градиент с двумя цветовыми остановками](https://cdn.discordapp.com/attachments/261391445074771978/371707961422118912/image.png)
**Линейный градиент с двумя цветами** **Линейный градиент с двумя цветами**
### Синтаксис- ### Синтаксис
Чтобы создать линейный градиент, вы должны определить как минимум два прекращения цвета. (Это цвета, из которых создаются переходы). Он объявляется либо в **фоновом,** либо в **фоновом изображении** . Чтобы создать линейный градиент, вы должны определить как минимум две цветовых остановки. (Это цвета, из которых создаются переходы). Он объявляется либо в свойстве **background**, либо в **background-image**.
``` ```
background: linear-gradient(direction, colour-stop1, colour-stop2, ...); background: linear-gradient(direction, colour-stop1, colour-stop2, ...);
``` ```
**Примечание. Если ни одно направление не указано, переход по умолчанию сверху вниз** **Примечание. Если ни одно направление не указано, переход по умолчанию сверху вниз**
### Различные градиентные переходы - ### Различные градиентные переходы
**Сверху вниз :** **Сверху вниз:**
``` ```
background: linear-gradient(red, yellow); background: linear-gradient(red, yellow);
``` ```
![Сверху вниз](https://cdn.discordapp.com/attachments/261391445074771978/371702268803809301/image.png) ![Сверху вниз](https://cdn.discordapp.com/attachments/261391445074771978/371702268803809301/image.png)
**Слева направо :** **Слева направо:**
Для того, чтобы сделать его слева направо, добавьте дополнительный параметр в начале линейного градиента () , начиная со словом , **к** которому указывает направление: Для того, чтобы сделать его слева направо, добавьте дополнительный параметр вида **to direction**, где direction - направление градиента.
``` ```
background: linear-gradient(to right, red , yellow); 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) ![Верхний левый](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) ![90 градусов](https://cdn.discordapp.com/attachments/261391445074771978/371710718698848256/image.png)
### Используя более двух цветов - ### Использование нескольких цветов
Вы не ограничены только двумя цветами, вы можете использовать столько разделенных запятыми цветов, сколько хотите. Вы не ограничены только двумя цветами, вы можете использовать столько разделенных запятыми цветов, сколько хотите.
``` ```
@ -79,7 +73,7 @@ background: linear-gradient(red, yellow, green);
Вы можете также использовать другие цветовые синтаксисы, такие как RGB или шестнадцатеричные коды, чтобы указать цвета. Вы можете также использовать другие цветовые синтаксисы, такие как RGB или шестнадцатеричные коды, чтобы указать цвета.
### Жесткий цвет останавливается - ### Жестко заданные цветовые остановки
Вы можете не только использовать градиенты для перехода с затухающими цветами, но также можете использовать его для немедленного перехода от одного сплошного цвета к другому сплошному цвету Вы можете не только использовать градиенты для перехода с затухающими цветами, но также можете использовать его для немедленного перехода от одного сплошного цвета к другому сплошному цвету
``` ```
@ -88,4 +82,5 @@ background: linear-gradient(to right,red 15%, yellow 15%);
![Жесткий цвет останавливается](https://cdn.discordapp.com/attachments/261391445074771978/371716730046775318/image.png) ![Жесткий цвет останавливается](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)