Force to use GPU acceleration on transitions

This fixes #12 as far as possible.

Author: anselmh

index.html

@@ -80,6 +80,14 @@
 						-ms-transform: translate3d(0, 0, 0);
 							transform: translate3d(0, 0, 0);
 
+					-webkit-backface-visibility: hidden;
+					   -moz-backface-visibility: hidden;
+					        backface-visibility: hidden;
+
+					-webkit-perspective: 1000;
+					   -moz-perspective: 1000;
+					        perspective: 1000;
+
 					/* Transition mode: cover-flow;
 						  doesn't work with position: absolute on li's */
 					-webkit-transition: all 1500ms ease-in-out;
@@ -128,8 +136,6 @@
 				height: 1rem;
 				left: 47.5%;
 				bottom: 1rem;
-
-				-webkit-transform: translateZ(0);
 			}
 
 				.slider-wrapper > .slider--bullets > li {
@@ -155,8 +161,6 @@
 					text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
 
 					color: rgba(255, 255, 255, 0.65);
-
-					-webkit-transform: translateZ(0);
 				}
 
 					.slider-wrapper > .slider--bullets > li > a.active:before {