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
theme/default/style.css
View File

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