make animations significantly smoother with will-change

This commit is contained in:
Vladimir Agafonkin 2015-02-06 03:12:36 +02:00
parent 8d96505527
commit 6b67df0232

7
dist/leaflet.css vendored
View File

@ -139,6 +139,9 @@
/* zoom and fade animations */
.leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
@ -149,7 +152,9 @@
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);