View Full Version : CSS transitions not hardware accelerated on Lion ?

Sep 14, 2011, 04:49 PM

I'm 100% sure that with Safari 5 on Snow Leopard, CSS 3 transitions were hardware accelerated, which made transitions REALLY smooth (contrary to JavaScript transitions).

However, with my iMac 27' (graphics card : 6970M) and Safari 5.1, CSS 3 transitions are not hardware accelerated (it's really easy to see). Do you guys experience the same thing ? (side note : activating WebGL in developer mode does not change anything).

You can check it here : http://scripty2.com/hardware-acceleration/

If this is written in red, it's not hardware accelerated :

NOTE: Your browser supports CSS transitions, but not accelerated compositing. The demonstrations on this page will work properly, but cannot take advantage of hardware-accelerated animation.

(as a consequence, animations looks laggy). It can also be seen here where the animations are laggy : http://cubic-bezier.com/#0,.92,1,.14

So, I am the only one to have this bug ? (once again, I'm 100% sure that it was working on SL)

Sep 14, 2011, 04:53 PM
I'm not sure how the site is working that out, but I think it's wrong.

I'm on Windows using Chrome and it's definitely got hardware accelerated transitions, but the site you link to doesn't think so.

Sep 14, 2011, 04:56 PM
Both sites use CSS3 transitions, nothing fancy. Anyway, it's quite easy to see, when you have compared the non accelerated and accelerated transition, the accelerated one is magnitude smoother. Here, for sure IT'S NOT accelerated, but was on SL. Even on the websites I provided.