JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div>
<div>  
<div>
  <div>
  </div>
</div>
</div>
</div>

CSS

body {
   background:black; 

}
div {
  background:#3dccc6;
  padding:6em;
  -webkit-animation: animation 3s infinite alternate;
}
div > div {
  background:#f002c0;
  -webkit-animation: animation 2s infinite alternate;
}
div > div > div {
  background:rgba(255,255, 0, 0.6);
  height:100%;
  -webkit-animation: animation 2s infinite alternate;

}
div > div > div > div {
background:rgba(0,0, 255,0.8);
  height:100%;
  -webkit-animation: animation 4.5s infinite alternate;
    -webkit-filter:blur(5px);
}
@-webkit-keyframes animation {
  to{-webkit-transform: rotateX(300deg);-webkit-perspective:100px}
}