You are here

MarkerCluster.css in Leaflet 2.0.x

.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;
}

File

modules/leaflet_markercluster/js/leaflet_markercluster/dist/MarkerCluster.css
View source
  1. .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  2. -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  3. -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  4. -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  5. transition: transform 0.3s ease-out, opacity 0.3s ease-in;
  6. }
  7. .leaflet-cluster-spider-leg {
  8. /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  9. -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  10. -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  11. -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  12. transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
  13. }