JSFiddle - React, Tailwind, and code Playground

by QMaster

HTML

<div class="main">
    1
</div>
<div class="main">
    2
</div>
<div class="main">
    3
</div>

<div class="gradStyle">
</div>xt

CSS

.main{

    
    width: 40px;
    height: 40px;
    
    background-color: green;
    border: 2px solid yellow;
    
    margin: 8px;
}

.gradStyle{

	background: rgba(200, 200, 200, 0.97);
	background: -moz-linear-gradient(36deg, rgba(200, 200, 200, 0.97) 26%, rgba(230, 230, 230, 0.97) 72%);
	background: -webkit-linear-gradient(36deg, rgba(200, 200, 200, 0.97) 26%, rgba(230, 230, 230, 0.97) 72%);
	background: -o-linear-gradient(36deg, rgba(200, 200, 200, 0.97) 26%, rgba(230, 230, 230, 0.97) 72%);
	background: -ms-linear-gradient(36deg, rgba(200, 200, 200, 0.97) 26%, rgba(230, 230, 230, 0.97) 72%);
	background: linear-gradient(126deg, rgba(200, 200, 200, 0.97) 26%, rgba(230, 230, 230, 0.97) 72%);
    
    position: fixed;
    top: 0px;
    left: 0px;
    
    width: 200px;
    height: 200px;
    
}