137599 2014-10-10 02:00:55 -0700 requestanimationframe + hardware acceleration gives jumpy animations 2017-01-18 23:39:19 -0800 1 1 1 Unclassified WebKit Layout and Rendering 525.x (Safari 3.2) Unspecified Unspecified NEW http://jsfiddle.net/ux3rqce0/5/ InRadar P2 Normal --- 1 koen+bugzilla webkit-unassigned dino simon.fraser thorton webkit-bug-importer oldest_to_newest 1040854 0 koen+bugzilla 2014-10-10 02:00:55 -0700 When you combine requestanimationframe with hardware acceleration (translate3d), animations get all jumpy. Some other observations: - When you trigger a paint every frame (somewhere on the page) things get smooth again - When you use 2d transforms it's a little better - Something like requestanimationframe(function() {setTimeout(draw, 0)}) seems to work the best for now Example: http://jsfiddle.net/ux3rqce0/5/ I'm using the latest Yosemite GM Safari Version 8.0 (10600.1.25) and I think iOS8 has the same problem although it's harder to observe on retina. On 10.9, everything seems to be OK. 1040919 1 webkit-bug-importer 2014-10-10 08:46:28 -0700 <rdar://problem/18610523>