CSS Animations vs Green Stock Animation Platform
One of the most common arguments in favor of CSS3 animations has been that they’re hardware accelerated, thus outperform any JavaScript-based equivalent. The theory is that if you define your transitions/animations directly in css, the browser can worry about all the calculations behind the scenes and tap into hardware and native code to execute them. Sounds awesome. Unfortunately it’s not quite that clean. Only certain properties are hardware-accelerated (like 3D transforms and opacity – mostly ones that don’t affect document flow) and different browsers handle things differently.