JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ryanflorence.com/forge/Fx.Flux.js"></script>
<p id="foo">
I am foo. <br/>watch this.
</p>
CSS
p#foo {
background: #f0f0f0;
border: solid 1px #ccc;
font-size: 24px;
padding: 10px;
color: #585858;
position: absolute;
height: 50px;
}
body {
font-family: helvetica, arial;
position: relative;
}
JavaScript
$('foo').flux({
'top':[ 0, 370, {
duration: 1500,
transition:'bounce:out'
}],
'left':[ 0, 370, {
duration: 3000,
transition:'cubic:out'
}]
});