User Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.2 (KHTML, like Gecko) Chrome/15.0.874.102 Safari/535.2 Steps to reproduce: 1. Go to www.123got-it.com 2. Click Login Actual results: The animation is jerky (on a Core i3 machine + ATI Raedon 5450). The animation is done by css3 transforms + css3 animations. Expected results: The animation is smooth, as can be seen in IE 9. Further Information The speed improves a bit if I scale down and scale up the overlaying div via firebug. Heuristics on Layers?
This is smooth on my laptop. What's your about:config graphics section say?
Pretty chunky here with Mobile Intel(R) 4 Series Express Chipset Family (latest drivers of course) on Win7 x64. Chrome's a bit better, though I wouldn't call it smoothe either. IE9 is reasonably smooth, though things don't render quite the same as the other two.
about:config gfx are all default. I suppose you meant about:support: Graphics Adapter Description: ATI Radeon HD 5450 Vendor ID1002: Device ID68f9 Adapter RAM: 512 Adapter Drivers: aticfx32 aticfx32 aticfx32 atiumdag atidxx32 atiumdva Driver Version: 8.850.0.0 Driver Date: 4-19-2011 Vendor ID (GPU #2): 000e Device ID (GPU #2): 000e Adapter RAM (GPU #2): Unknown Adapter Drivers (GPU #2): Unknown Driver Version (GPU #2): 7.1.542.0 Driver Date (GPU #2): 5-22-2006 Direct2D Enabled: true DirectWrite Enabled: true (6.1.7601.17563) ClearType Parameters: Gamma: 3100 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 400 WebGL Renderer: Google Inc. -- ANGLE (ATI Radeon HD 5450) -- OpenGL ES 2.0 (ANGLE 0.0.0.802) GPU Accelerated Windows: 1/1 Direct3D 10 IE9 is super smooth compared to Nightly and Chrome.
forgot to mention conducted on clean profile.
removal of the box-shadow resulted in perceivable speed-up.