JSFiddle - React, Tailwind, and code Playground

by geekambassador

HTML

<script src="http://www.snorkl.tv/dev/libs/greensock/TweenMax.min.js"></script>
<div class="box" id="box1"></div>

CSS

.box{
    position:relative;
    width:50px;
    height:50px;
    background-color:#f60;
    margin:6px;
}

JavaScript

//tween multiple properties
TweenLite.to($('#box1'), 3, {css:{left:400, rotation:360, backgroundColor:'#00cc00'}, ease:Bounce.easeOut, delay:2});

//note use backgroundColor not background-color