MOVEjs Translate3d

Movejs with Translate3d

HTML

<script src="http://dl.dropbox.com/u/6913105/move.3d.js"></script>
<div id="foo" ontouchstart="m()"></div>

CSS

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

JavaScript

function m() {
    move('#foo').translate3d(300, 80, 0)
    .rotate(60)
    .then()
      .rotate(30)
      .scale(1.5)
      .set('border-radius', 5)
      .then()
        .translate3d(-20, -80, 0)
        .pop()
      .pop()
  .end();
}
m()