JSFiddle - React, Tailwind, and code Playground

by unknowne

HTML

<div id="tr"><div class="color-transparent"></div></div>
<div class="text">123321</div>

CSS

body{
background-image: url("https://s1.1zoom.ru/big0/930/Coast_Sunrises_and_sunsets_Waves_USA_Ocean_Kaneohe_521540_1280x775.jpg");
width:100vw;
height:100vh;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
div {
width: 100px;
height: 25px;
}
    
#tr{
background:white;
position: absolute;
opacity:0.5;
}
.text{
opacity: 0.5;
}
.color-transparent {
background: rgba(0, 0, 255, 0.267);
}