Submit your widget
HomeLayout & InterfaceUseful CSS3 and jQuery smooth transformations

Useful CSS3 and jQuery smooth transformations

Created 12 years ago   Views 14174   downloads 2290    Author ricostacruz
Useful CSS3 and jQuery smooth transformations
View DemoDownload
66
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