greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add language corrections and change the snippet (#20511)

pull/24046/head^2
Liza 2018-11-01 19:05:12 +01:00 committed by Gregory Gubarev
parent a949d24271
commit 15bc410782
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
guide/russian/css/background-opacity/index.md
View File

@ -4,13 +4,13 @@ localeTitle: Непрозрачность фона
---
## Непрозрачность фона
Свойство opacity указывает непрозрачность / прозрачность элемента, то есть степень видимости содержимого за элементом.
Свойство прозрачности (opacity) указывает на прозрачность/непрозрачность элемента, то есть на степень видимости содержимого за элементом.
Свойство opacity может принимать значение от 0.0 до 1.0. Чем ниже значение, тем прозрачнее:
Свойство прозрачности может принимать значение от 0.0 до 1.0. Чем ниже значение, тем больше прозрачность:
Подробнее [здесь](https://www.w3schools.com/css/css_image_transparency.asp)
Вы можете выбрать, насколько вы хотите сделать элемент прозрачным. Для достижения уровня прозрачности вам необходимо добавить следующее свойство CSS.
Вы можете выбрать насколько вы хотите сделать элемент прозрачным. Для достижения уровня прозрачности вам необходимо добавить следующее свойство CSS.
**Полностью непрозрачный**
@ -26,7 +26,7 @@ localeTitle: Непрозрачность фона
}
```
**полупрозрачный**
**Полупрозрачный**
```css
.class-name {
@ -35,7 +35,7 @@ localeTitle: Непрозрачность фона
Opacity value can be anything between 0 and 1;
```
**прозрачный**
**Прозрачный**
```css
.class-name {
@ -49,9 +49,15 @@ localeTitle: Непрозрачность фона
}
```
В качестве альтернативы вы можете использовать прозрачное значение rgba следующим образом: \`\` \`CSS
В качестве альтернативы вы можете использовать прозрачное значение rgba следующим образом:
.class имя { background-color: rgba (0,0,0, .5); } \`\` \` Приведенный выше пример устанавливает, что фон имеет черный цвет с непрозрачностью 50%. Последним значением значения rgba является альфа-значение. Значение альфа 1 равно 100%, а 0,5 (0,5 для коротких) - 50%. Мы используем этот метод для добавления прозрачности к элементу, не затрагивая содержимое внутри.
```css
.class-name{
background-color: rgba(0,0,0,.5);
}
```
В приведенном выше примере, фон имеет черный цвет с прозрачностью 50%. Приведенный выше пример указывает, что фон имеет черный цвет с непрозрачностью 50%. Последним значением значения rgba является альфа-значение. Значение альфа 1 равно 100%, а 0.5 (.5 для краткости) равно 50%. Мы используем этот метод для добавления прозрачности к элементу, не затрагивая содержимое внутри.
[Пример кода для отображения диапазонов непрозрачности фона](https://codepen.io/lvcoulter/full/dVrwmK/)