Live data from Hacker News

JQuery Transit - CSS3 animations for jQuery

ricostacruz.com

21–28 of 28 posts

Re: JQuery Transit - CSS3 animations for jQuery

#22

alternatively you can use jQuery Animate Enhanced plugin. https://github.com/benbarnett/jQuery-Animate-Enhanced/ it enhances jquery's own animate function making animations use CSS3 hardware accelerated equivalents in browsers that support them while using the original jquery software mode when not supported. and you don't need to change a single line of code on your site since its completely transparent.

I recently started using Transform.js http://transformjs.strobeapp.com/ and I've enjoyed it.

Re: JQuery Transit - CSS3 animations for jQuery

#26
It looks like this library, like gfx and move.js, will accept a cubic-bezier string for easing. I wrote a module which wraps all of Robert Penner's easing equations into cubic-beziers for ease of use:

https://github.com/robdodson/amd-css3-ease

And I talk about it in this blog post, but it's really easy to use: http://robdodson.me/blog/2012/05/27/penner-easing-equations-...

Credit really goes to Matthew Lein who converted the equations to CSS3: http://matthewlein.com/ceaser/

Re: JQuery Transit - CSS3 animations for jQuery

#27
post #21

why build these by hand, use a tool like Hype or Sencha

I think something like Hype is really good for complex animations and content, but if I just want an easy way to scale some stuff and do simple animations on a site, I can use free and convenient libraries like this.

Re: JQuery Transit - CSS3 animations for jQuery

#28

alternatively you can use jQuery Animate Enhanced plugin. https://github.com/benbarnett/jQuery-Animate-Enhanced/ it enhances jquery's own animate function making animations use CSS3 hardware accelerated equivalents in browsers that support them while using the original jquery software mode when not supported. and you don't need to change a single line of code on your site since its completely transparent.

I tried using it and it didn't seem to work, at least not for using higher-level jQuery animation methods. Using slideDown(), for example, didn't appear to use CSS3 animations.
Post reply on HN