JSFiddle - React, Tailwind, and code Playground

by georeith

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.13.2/TimelineLite.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.13.2/TweenLite.min.js"></script>

JavaScript

var duration = 0.5;
var sway = {
    amount: 1
}

new TimelineLite({
    tweens: [
        TweenLite.to(sway, duration, {
            overwrite: 'none',
            amount: '+=1',
            onComplete: function() {
                console.log('plus', sway.amount);
            }
        }),
        TweenLite.to(sway, duration, {
            overwrite: 'none',
            amount: '-=1',
            onComplete: function() {
                console.log('minus', sway.amount);
            }
        })
    ],
    onComplete: function() {
        console.log('total', sway.amount);
    }
});