Turning on GPU for the tiles only turns out to be faster

Especially on iOS 6, this gives way better performance. And it does not
seem to cause any additional flicker.

examples/mobile-wmts-vienna.css

@@ -14,7 +14,7 @@ html, body, #map {
 }
 
 /* Turn on GPU support where available */
-.olMapViewport, .olMapViewport * {
+.olTileImage {
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -o-transform: translateZ(0);
@@ -29,13 +29,6 @@ html, body, #map {
     -ms-perspective: 1000;
     perspective: 1000;
 }
-.olLayerDiv svg * {
-    -webkit-transform: none;
-    -moz-transform: none;
-    -o-transform: none;
-    -ms-transform: none;
-    transform: none;
-}
 
 .olLayerGrid .olTileImage {
     -webkit-transition: opacity 0.2s linear;

theme/default/style.css

@@ -488,7 +488,7 @@ a.olControlZoomOut {
 }
 
 /* Turn on GPU support where available */
-.olMapViewport, .olMapViewport * {
+.olTileImage {
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -o-transform: translateZ(0);
@@ -503,13 +503,6 @@ a.olControlZoomOut {
     -ms-perspective: 1000;
     perspective: 1000;
 }
-.olLayerDiv svg * {
-    -webkit-transform: none;
-    -moz-transform: none;
-    -o-transform: none;
-    -ms-transform: none;
-    transform: none;
-}
 
 /* when replacing tiles, do not show tile and backbuffer at the same time */
 .olTileImage.olTileReplacing {

theme/default/style.mobile.css

@@ -50,7 +50,7 @@ div.olControlZoom a:hover {
     transition: opacity 0.2s linear;
 }
 /* Turn on GPU support where available */
-.olMapViewport, .olMapViewport * {
+.olTileImage {
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -o-transform: translateZ(0);
@@ -65,10 +65,3 @@ div.olControlZoom a:hover {
     -ms-perspective: 1000;
     perspective: 1000;
 }
-.olLayerDiv svg * {
-    -webkit-transform: none;
-    -moz-transform: none;
-    -o-transform: none;
-    -ms-transform: none;
-    transform: none;
-}