Created by: petewarden
The -webkit-transform extension causes webkit to switch to hardware-accelerated rendering on supported devices, which results in far smoother animations. This CSS change enables the extension for the carousel when it's available, and in practice we see iPad and iPhone animations improve from a juddery 2 frames-per-second at best, to something smooth enough to be native. For a demo, visit this page on an iOS device:
https://www.jetpac.com/carousel
I'm aware this is a bit bleeding-edge, but it's something we'll be using for our application, and I wanted to make it available to the community in case it's useful for anyone else.