While attempting to incorporate the code found at http://codepen.io/keithclark/pen/JycFw, I encountered significant flickering and delays in Chrome when using mobile devices.
#slide1:before {
background-image: url("http://lorempixel.com/output/abstract-q-c-640-480-4.jpg");
transform: translateZ(-1px) scale(2);
z-index:-1;
}
Despite trying various solutions like implementing transforms 3d, backface visibility, perspective, and more after conducting research, the scrolling experience remained jittery.