jqMobi css3animate

HTML

<script src="https://raw.github.com/appMobi/jQ.Mobi/master/jq.mobi.min.js"></script>
<script src="https://raw.github.com/appMobi/jQ.Mobi/master/plugins/jq.css3animate.js"></script>
<div id="animate" onclick="moveOnce()"></div>

CSS

#animate {
    height: 100px;
    width: 100px;
    background: #333;
    -webkit-transform: perspective(1000);
    -webkit-backface-visibility: hidden;
}

JavaScript

function reset() {
    $("#animate").css3Animate({
        x: "100px",
        y: "0px",
        timingFunction: "ease",
        time: "1000ms",
        opacity: 1
    });
}
function moveOnce() {
    $("#animate").css3Animate({
        x: "500px",
        y: "400px",
        timingFunction: "ease",
        time: "1000ms",
        opacity: .5,
        callback: function() {
            //reset()
        }
    });
}