Adding transforms to turn on GPU
This commit is contained in:
@@ -12,6 +12,16 @@ html, body, #map {
|
|||||||
#title, #tags, #shortdesc {
|
#title, #tags, #shortdesc {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Turn on GPU support on devices that support it */
|
||||||
|
.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);
|
||||||
|
}
|
||||||
|
|
||||||
.olLayerGrid .olTileImage {
|
.olLayerGrid .olTileImage {
|
||||||
-webkit-transition: opacity 0.2s linear;
|
-webkit-transition: opacity 0.2s linear;
|
||||||
-moz-transition: opacity 0.2s linear;
|
-moz-transition: opacity 0.2s linear;
|
||||||
@@ -166,4 +176,4 @@ div.layerPanel div.mapButtonItemActive:after {
|
|||||||
div.layerPanel div.mapButtonItemInactive,
|
div.layerPanel div.mapButtonItemInactive,
|
||||||
div.layerPanel div.mapButtonItemActive {
|
div.layerPanel div.mapButtonItemActive {
|
||||||
margin-left: 1px;
|
margin-left: 1px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user