Submit your widget

Useful CSS3 and jQuery smooth transformations

Created 7 years ago   Views 19626   downloads 2548    Author ricostacruz
Useful CSS3 and jQuery  smooth transformations
View DemoDownload 139.4 KB
120
Share |

Super-smooth CSS3 transformations and transitions for jQuery

Just include this script after jQuery. Requires jQuery 1.4+.
Use $('...').transition instead of jQuery's $('...').animate. It has the same syntax as animate.

Browser support

  • IE 10+
  • Firefox 4+
  • Safari 5+
  • Chrome 10+
  • Opera 11+
  • Mobile Safari

See caniuse.com’s report on CSS transitions. To support Mobile Safari, jQuery Transit uses translate3d and scale3d.

Translate (move)

Hover on a demo box to see it in action.

Translate X

$('.box').transition({ x: '90px' });
Read more:http://ricostacruz.com/jquery.transit/