Prevent flickering of CSS transitions and transforms in Webkit

I've run into the problem of flickering CSS transitions and transforms in Webkit browsers (Chrome and Safari) a few times, especially while developing Darkadia, which makes liberal use of these properties. Turns out the solution is quite simple and you can check it out here on Stack Overflow. I'll reproduce the fix here for posterity.

Add the following property to the element your transition is applied to:

#element {
  -webkit-backface-visibility: hidden;
}

That sorted out most of the flickering on Darkadia, but I was still experiencing flickering on a completely unrelated element. Adding the following property to the body tag sorted that out too:

body {
  -webkit-transform: translate3d(0, 0, 0);
}