From c19a1f93bfffa56882ae8a9f06bea144c857b08b Mon Sep 17 00:00:00 2001 From: hellekin Date: Fri, 9 Mar 2018 14:40:04 +0100 Subject: First preview of the prototype for Wallonie#Demain --- assets/css/MarkerCluster.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 assets/css/MarkerCluster.css (limited to 'assets/css/MarkerCluster.css') diff --git a/assets/css/MarkerCluster.css b/assets/css/MarkerCluster.css new file mode 100644 index 0000000..c60d71b --- /dev/null +++ b/assets/css/MarkerCluster.css @@ -0,0 +1,14 @@ +.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { + -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; + -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; + -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; + transition: transform 0.3s ease-out, opacity 0.3s ease-in; +} + +.leaflet-cluster-spider-leg { + /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ + -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; + -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; + -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; + transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; +} -- cgit v1.2.3