jQuery Fallback für CSS3 Animationen

Zwei jQuery Plugins die CSS3 Animationen interpretieren und (teilweise) in jQuery ausführen:

jquery.animate-enhanced

Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. Compatible with IE6+
Properties supported: (more to come)

  • left : using translate(x, y) or translate3d(x, y, z)
  • top : using translate(x, y) or translate3d(x, y, z)
  • right
  • bottom
  • opacity
  • width
  • height

und jQuery Transition

This project aims at making it easier to use CSS3 Transitions in compatible browsers. It is now composed of two different scripts:

With jquery.transition.js you can write animations using the usual .animate() method of jQuery. Modern browsers will run the animation using CSS3, older browsers will fall-back to the classical javascript way.
With jquery.hoverTransition.js you can write pure CSS3 Transitions triggered by :hover and :focus pseudo-classes. In older browsers, the CSS will be translated to jQuery animations, provided that your CSS conforms to simple rules described below.

Notiz an mich: testen.

Possibly related posts (automatically generated)