JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<span class='Rounded'>stuff</span>

<span class='Rounded'>stuff</span>

<span class='Rounded'>stuff</span>

<span class='Rounded'>stuff</span>

<span class='Rounded'>stuff</span>

CSS

.Rounded {
    position:absolute;
    -moz-border-radius:10px 10px 10px 10px;
    // rounds corners for firefox border-radius:10px 10px 10px 10px;
    //rounds corners for other browsers border:solid 1px #000;
    background-color:#acf;
    padding:10px;
}

JavaScript

[].slice.call(document.querySelectorAll('.Rounded')).forEach(function (e) {
    e.style.'transform'= "translate(" + Math.random() * 100 + "%," + Math.random() * 100 + "%);";
});