ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Going one element up with GPU support, adding it to mobile css also

Browse Source
This commit is contained in:
ahocevar
2012-12-15 15:56:39 +01:00
parent c03f1dc9bf
commit b89d3f1ee8
3 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/mobile-wmts-vienna.css
View File

@@ -14,7 +14,7 @@ html, body, #map {
} }
/* Turn on GPU support on devices that support it */ /* Turn on GPU support on devices that support it */
.olMapViewport * { .olMapViewport, .olMapViewport * {
-webkit-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0);

2
theme/default/style.css
View File

@@ -488,7 +488,7 @@ a.olControlZoomOut {
} }
/* Turn on GPU support where available */ /* Turn on GPU support where available */
.olMapViewport * { .olMapViewport, .olMapViewport * {
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);

20
theme/default/style.mobile.css
View File

@@ -49,15 +49,11 @@ div.olControlZoom a:hover {
-o-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; transition: opacity 0.2s linear;
} }
/* Enable 3d acceleration when operating on tiles, this is /* Turn on GPU support on devices that support it */
known to yield better performance on IOS Safari. .olMapViewport, .olMapViewport * {
http://osgeo-org.1803224.n2.nabble.com/Harware-accelerated-CSS3-animations-for-iOS-td6255560.html -webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
It also prevents tile blinking effects in iOS 5. -o-transform: translate3d(0,0,0);
See https://github.com/openlayers/openlayers/issues/511 -ms-transform: translate3d(0,0,0);
*/ transform: translate3d(0,0,0);
@media (-webkit-transform-3d) { }
img.olTileImage {
-webkit-transform: translate3d(0, 0, 0);
}
}