From 852e079310c0b0e6195d5dd46c0e30c5f5cb6445 Mon Sep 17 00:00:00 2001 From: lastsannin <33204320+lastsannin@users.noreply.github.com> Date: Wed, 7 Aug 2019 21:19:50 +0400 Subject: [PATCH] fixed typos in article about linear gradient (#31001) Fixed typos in the article about linear gradient. The article seemed to be done via google translate. Fixed typos, fixed wrong sentences. --- guide/russian/css/linear-gradient/index.md | 29 +++++++++------------- 1 file changed, 12 insertions(+), 17 deletions(-) diff --git a/guide/russian/css/linear-gradient/index.md b/guide/russian/css/linear-gradient/index.md index fa33e35338..534d8342e7 100644 --- a/guide/russian/css/linear-gradient/index.md +++ b/guide/russian/css/linear-gradient/index.md @@ -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) \ No newline at end of file +#### Дополнительная информация +[Линейный градиент в Mozilla Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)