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 Прозрачность с RGBA — schoolsw3.com</title>
  <style>
  div {
    background: rgb(0, 128, 0);
  }

div.first {
    background: rgba(0, 128, 0, 0.1);
  }

div.second {
    background: rgba(0, 128, 0, 0.3);
  }

div.third {
    background: rgba(0, 128, 0, 0.6);
  }
  </style>
 </head>
 <body>

<h1>CSS Прозрачность с RGBA</h1>

<p>С непрозрачностью:</p>

<div style="opacity:0.1;">
   <h1>10% opacity</h1>
  </div>

<div style="opacity:0.3;">
   <h1>30% opacity</h1>
  </div>

<div style="opacity:0.6;">
   <h1>60% opacity</h1>
  </div>

<div>
   <h1>opacity 1</h1>
  </div>

<p>С цветовыми значениями RGB:</p>
  <div class="first">
   <h1>10% opacity</h1>
  </div>

<div class="second">
   <h1>30% opacity</h1>
  </div>

<div class="third">
   <h1>60% opacity</h1>
  </div>

<div>
   <h1>по умолчанию</h1>
  </div>

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

</body>
</html>

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