CSS animations off the UI thread

Now appearing in Desktop Safari, iOS Safari, and Android Chrome, CSS transforms is no longer part of the UI thread, meaning such animations will not be affected by an overloaded CPU!
http://www.phpied.com/css-animations-off-the-ui-thread/

Check-out the test page, I can confirm:

  • All three animations are smooth on my desktop Chrome, and all three stop when I click the Kill Switch (desktop Chrome does not yet support this).
  • The CSS Transform animations are smooth as butter on my iOS6.2, but the margin animation is really choppy; and that choppy animation immediately stops when I click the Kill Switch…

Fantastic stuff, and nothing new for us to do (if you’ve hopefully, been animating correctly), users with supported browsers will simply get a much better experience!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s