I noticed on my of my websites that the Parallax effect (where the text appears to scroll in front of a still background photo) was not working. Basically the background photos became regular photos that would scroll up the page in between the text. I ultimately tracked down the problem to some code in my extra css settings:
.panel-image
{transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);}
I have no recollection of why I added that code, but it looks like it is meant to speed up the graphic processing by forcing people’s computers to use their GPU, which should improve the speed of any graphics related processes. I don’t recall if I was having issues with things loading wonky or if I saw someone suggest this code to speed up sites. Either way, I don’t notice any significant impact of removing the code from my extra CSS section, and removing it did fix the Parallax – now it is working as intended again. If I happen to recall why I had that code, I’ll add an update here. For now, I’m just shrugging my shoulders.