JSFiddle - React, Tailwind, and code Playground

by KooiInc MeHere

HTML

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

CSS

.circle {
	position: absolute;
	top: 25%;
	left: 25%;
	width: 20px;
	height: 20px;
	border: 1px solid #666;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    margin: -10px 0 0 -10px;
}

JavaScript

var ten = 10;
for(var count = 0; count < 20; count++){
   ten = ten + 10;
   var c = $('<div class="circle"></div>').appendTo('body');
   c.css({"width":ten+"px","height":ten+"px"});
};