JSFiddle - React, Tailwind, and code Playground

by pphheerroonn

HTML

<div class="box wsbg1"></div>
<div class="box wsbg2"></div>
<div class="box wsbg3"></div>
<div class="box wsbg4"></div>

CSS

body {
    height: 600px; background-color: #66ccff;}
.box {
    height: b1; width: b1; 
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3);
}
.wsbg1 {background-color: #ec0689;}
.wsbg2 {background-color: #ffde00;}
.wsbg3 {background-color: #09aeee;}
.wsbg4 {background-color: #5eb345;}

JavaScript

var b1 = Math.floor((Math.random()*150)+1) +"px";
alert (b1);