JSFiddle - React, Tailwind, and code Playground

by gion_13

HTML

<div id="circle"></div>

CSS

#circle{
    width : 50px;
    height : 50px;
    -moz-border-radius : 25px;
    -webkit-border-radius : 25px;
    -o-border-radius : 25px;
    -ms-border-radius : 25px;
    border-radius : 25px;
    background-color : red;
    position : absolute;
}

JavaScript

var c = $('#circle');
var pos = [
    {
    top: '100px',
    left: '100px'},
{
    top: '-9999px',
    left: '1000px'},
{
    top: '25%',
    left: '50%'},
{
    top: ($(window).height() - c.height()) / 2,
    left: ($(window).width() - c.width()) / 2},
    ];
for (var k in pos)
c.css(pos[k]);