jQuery Transit reaches to the super-smooth CSS3 transformations and transaction for jQuery.
It is a plugin for implementing CSS transitions and transforms, has the same syntax as .animate
, supports most of the methods and has the jQuery juice like callbacks, chaining, auto-browser-prefixes and more.
CSS3 Transforms and Transitions Features:
jQuery Transit use for Translate (move),Rotation, Skew, Scale, 3D rotation (Webkit only), Transitions for other properties, Callbacks, Custom duration, Easing, Delay, Alternate easing/duration syntax, Optional units, Relative units, Setting transform origins, Transitioning from one style to another.
The plugin uses jQuery’s effect queue by default, so, transitions will never run in parallel.
It doesn’t offer compatibility with older browser versions as real CSS3 rules are applied (rather than .animate
) but degrades nicely and/or you easily force it to siwtch to the frame-based animation.
jQuery Transit and Old Browsers:
jQuery Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored.
Requirements: jQuery
Compatibility: All Modern Browsers
Website: http://ricostacruz.com/jquery.transit/
Download: https://github.com/rstacruz/jquery.transit