I'm having an issue where I have a CSS transition on my page (the header shrinks when you scroll down) and while the transition is occurring the background image of another element is flickering/shaking in webkit (Firefox is perfect). I've seen that people have had similar issues and I've tried the many different solutions offered out there such as adding:
-webkit-backface-visibility: hidden;
-webkit-transform:translate3d(0,0,0);
But have had no luck.
You can see an example of it here: http://jsfiddle.net/ojdavey/9sesxy0y.
Any help would be much appreciated.