JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="circle yellow">
	
</div>

<div class="circle blue">
	
</div>

<div class="circle red">
	
</div>

CSS

.circle{
	margin:0 5px;
	height:200px;
	width:200px;	
	display:inline-block;
	border-radius:50%; //ARREDONDAMENTO DA DIV
}

.yellow{
	background-color:yellow;
	box-shadow: 0 8px 0 #cccc00;  //SOMBRA DO BOX
}

.blue{
	background-color:blue;
	box-shadow: 0 8px 0 #0000cc; //SOMBRA DO BOX
}

.red{
	background-color:red;
	box-shadow: 0 8px 0 #cc0000; //SOMBRA DO BOX
}