* { -webkit-font-smoothing: antialiased; -webkit-transform: translate3d(0,0,0); }

Eliminates the flashing completely. It introduces some weird safari behavior so only include it if you know what you're doing.

This is a bad idea - forcing every DOM node to become a hardware accelerated layer is going to introduce a huge amount of memory overhead (webkit doesn't release composited layers when they scroll off screen, in many cases)

A better approach is to apply -webkit-transform: translate3d(0, 0, 0) to only those nodes that will animate.

Your mobile viewers, especially, will be glad that your page doesn't kill the browser (when it goes OOM)

* { anything } is usually a bad idea.

I had a ghost "a" at the end of my text that I couldn't get rid of in Safari. Also it just ran slowly. Ran flawlessly in Chrome, though.

I got the "a" also from trying to do cmd+a to select all.

Same here. Diacritics also cause problems. Korean characters don't show up at all.

I'm getting the weird flashes on Chrome (25.0.1364.99) OS X 8.2 :/