Name: Онлайн редактор CSS SCHOOLSW3
Rating: 4.8 (1247 reviews)
Author: SCHOOLSW3

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS Прозрачность боксов со значением — schoolsw3.com</title>
  <style>
  div {
    background: rgb(76, 175, 80);
    padding: 10px;
  }

div.first {
    background: rgba(76, 175, 80, 0.1);
  }

div.second {
    background: rgba(76, 175, 80, 0.3);
  }

div.third {
    background: rgba(76, 175, 80, 0.6);
  }
  </style>
 </head>
 <body>

<h1>CSS Прозрачность боксов со значением</h1>

<p>С непрозрачностью:</p>
  <div style="opacity:0.1;"><p>10% opacity</p></div>
  <div style="opacity:0.3;"><p>30% opacity</p></div>
  <div style="opacity:0.6;"><p>60% opacity</p></div>
  <div><p>opacity 1</p></div>

<p>С значениями цвета RGBA:</p>

<div class="first"><p>10% opacity</p></div>
  <div class="second"><p>30% opacity</p></div>
  <div class="third"><p>60% opacity</p></div>
  <div><p>по умолчанию</p></div>

<p>Обратите внимание, как текст становится прозрачным, а также цвет фона при помощи свойства opacity.</p>

</body>
</html>

Сообщить об ошибке: