Support more browsers for pixelated zoom in effect

This commit is contained in:
est31 2016-01-17 21:47:41 +01:00
parent 46d99bd323
commit 881c0c6253
1 changed files with 9 additions and 5 deletions

View File

@ -2,15 +2,19 @@
width: 98%; width: 98%;
height: 98%; height: 98%;
margin: 1% 1% 1% 1%; margin: 1% 1% 1% 1%;
image-rendering: -moz-crisp-edges; /* firefox */ image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: pixelated; /* hopefully everyone eventually */ image-rendering: -webkit-crisp-edges; /* Safari */
image-rendering: pixelated; /* Chromium */
-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
} }
#map { #map {
width: 100%; width: 100%;
height: 100%; height: 100%;
image-rendering: -moz-crisp-edges; /* firefox */ image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: pixelated; /* hopefully everyone eventually */ image-rendering: -webkit-crisp-edges; /* Safari */
image-rendering: pixelated; /* Chromium */
-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
} }
#info { #info {
@ -21,4 +25,4 @@
padding:10px; padding:10px;
z-index:100; z-index:100;
border-radius:3px; border-radius:3px;
} }