diff --git a/guide/russian/css/background-opacity/index.md b/guide/russian/css/background-opacity/index.md index 4327782c251..0252d383f86 100644 --- a/guide/russian/css/background-opacity/index.md +++ b/guide/russian/css/background-opacity/index.md @@ -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/) @@ -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/) -Поддержка браузера: [caniuse](https://caniuse.com/#search=opacity) \ No newline at end of file +Поддержка браузера: [caniuse](https://caniuse.com/#search=opacity)