JSFiddle - React, Tailwind, and code Playground

by adonis11

HTML

<div>
   <div class="blue">
     <h1>
         Пример свойства Opacity
     </h1>
   </div>
 </div>
 
 <div>
   <div class="blue2">
     <h1>
         Пример свойства RGBA
     </h1>
   </div>

CSS

div {
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTs5MuDwsUntLvwzYXF0YC82z0OpOPcp46yKa1NAkZvRWoOStVmvw); /* Фоновый рисунок */
    width: 750px;
    height: 100px;
	margin: auto;
    }

.blue  {
	background: #0078c9; /* Цвет фона */
    opacity: 0.3; /* Полупрозрачный фон */
    filter: alpha(Opacity=30); /* Прозрачность в IE */
	  height: 70px;
	}

h1 {
    padding: 5px; /* Поля вокруг текста */
    color: #000; /* Цвет текста */
    font-family: Arial Black;
    font-weight: bolder;
    font-size: 50px;
	}
	
.blue2  {
  height: 70px;
	background: rgba(0, 120, 201, 0.3);
	filter: alpha(Opacity=30); /* Прозрачность в IE */
	}