You are here

Home » API reference » Leaflet 8

MarkerCluster.css in Leaflet 8

Same filename and directory in other branches
  1. 2.1.x modules/leaflet_markercluster/js/leaflet_markercluster/dist/MarkerCluster.css
  2. 2.0.x modules/leaflet_markercluster/js/leaflet_markercluster/dist/MarkerCluster.css
.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. 

  8. .leaflet-cluster-spider-leg {

  9. 	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */

  10. 	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;

  11. 	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;

  12. 	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;

  13. 	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;

  14. }