JSFiddle - React, Tailwind, and code Playground

by deathhell

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script>
<h2 class="title">TweenMax.to() Basic Usage</h2>
<div class="box orange"></div>
<div class="box green"></div>

CSS

body {
  margin:10px;
}

.box {
  display:block;
  width:84px;
  height:84px;
  border-radius: 10px;
}
.orange{
  background: orange;
}
.green{
  background :green;
}

JavaScript

TweenMax.to("h2.title", 1, {opacity:0.3});
TweenMax.to(".box", 3, {x:300});
TweenMax.to(".green", 3, {rotation:360, scale:0.5});