Animate translate3d with jQuery

Question

I\'m trying to animate translate3d with Jquery 2.1.1. in 10 seconds. Then, when the animation is complete, I want it to alert me. But the problem is that it does not animate

Answer 1

You can use jquery.transit jQuery plugin for css3 transition:

$('.box').transition({ rotate: '45deg' });
$('.box').transition({ scale: 2.2 });
$('.box').transition({ skewY: '30deg' });
$('.box').transition({
  perspective: '100px',
  rotate3d: '1,1,0,180deg'
});

very good plugin and many features

Delay, Optional units, Vendor prefixes, Chaining & queuing, Alternate easing/duration syntax, Relative values, Transformation origins and Easing

Demo Here