Submit your widget
HomeLayout & InterfaceUseful CSS3 and jQuery smooth transformations

Useful CSS3 and jQuery smooth transformations

Created 11 years ago   Views 14122   downloads 2259    Author ricostacruz
Useful CSS3 and jQuery smooth transformations
View DemoDownload
65
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/

You might also like