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

Add language corrections and change the snippet (#20511)

Browse Source
This commit is contained in:
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
Download Patch File Download Diff File Expand all files Collapse all files

22
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) Подробнее [здесь](https://www.w3schools.com/css/css_image_transparency.asp)
Вы можете выбрать, насколько вы хотите сделать элемент прозрачным. Для достижения уровня прозрачности вам необходимо добавить следующее свойство CSS. Вы можете выбрать насколько вы хотите сделать элемент прозрачным. Для достижения уровня прозрачности вам необходимо добавить следующее свойство CSS.
**Полностью непрозрачный** **Полностью непрозрачный**
@ -26,7 +26,7 @@ localeTitle: Непрозрачность фона
} }
``` ```
**полупрозрачный** **Полупрозрачный**
```css ```css
.class-name { .class-name {
@ -35,7 +35,7 @@ localeTitle: Непрозрачность фона
Opacity value can be anything between 0 and 1; Opacity value can be anything between 0 and 1;
``` ```
**прозрачный** **Прозрачный**
```css ```css
.class-name { .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/) [Пример кода для отображения диапазонов непрозрачности фона](https://codepen.io/lvcoulter/full/dVrwmK/)
@ -59,4 +65,4 @@ localeTitle: Непрозрачность фона
Для получения дополнительной информации посетите [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [Свойство CSS прозрачности в CSS-трюках](https://css-tricks.com/almanac/properties/o/opacity/) Для получения дополнительной информации посетите [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [Свойство CSS прозрачности в CSS-трюках](https://css-tricks.com/almanac/properties/o/opacity/)
Поддержка браузера: [caniuse](https://caniuse.com/#search=opacity) Поддержка браузера: [caniuse](https://caniuse.com/#search=opacity)