From 881c0c62535ed6474e2968fa8e059fa12a6f6341 Mon Sep 17 00:00:00 2001 From: est31 Date: Sun, 17 Jan 2016 21:47:41 +0100 Subject: [PATCH] Support more browsers for pixelated zoom in effect --- www/leaflet-custom.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/www/leaflet-custom.css b/www/leaflet-custom.css index b0d2be4..93a28cc 100644 --- a/www/leaflet-custom.css +++ b/www/leaflet-custom.css @@ -2,15 +2,19 @@ width: 98%; height: 98%; margin: 1% 1% 1% 1%; - image-rendering: -moz-crisp-edges; /* firefox */ - image-rendering: pixelated; /* hopefully everyone eventually */ + image-rendering: -moz-crisp-edges; /* Firefox */ + image-rendering: -webkit-crisp-edges; /* Safari */ + image-rendering: pixelated; /* Chromium */ + -ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */ } #map { width: 100%; height: 100%; - image-rendering: -moz-crisp-edges; /* firefox */ - image-rendering: pixelated; /* hopefully everyone eventually */ + image-rendering: -moz-crisp-edges; /* Firefox */ + image-rendering: -webkit-crisp-edges; /* Safari */ + image-rendering: pixelated; /* Chromium */ + -ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */ } #info { @@ -21,4 +25,4 @@ padding:10px; z-index:100; border-radius:3px; -} \ No newline at end of file +}