Анимированный переход листовки Значок маркера

У меня есть маркер Leaflet с СИНИЙ иконкой (из источника изображения PNG). При наведении курсора мыши я хочу сделать значок RED.

Это код для этого:

            let placeMarker = L.marker(...);

            let cssSetter = function (imarker, iicon) {
                imarker.setIcon(iicon);
            };

            placeMarker.on('mouseover', 
                L.bind(cssSetter, null, placeMarker, markerIcon_red)
            );
            placeMarker.on('mouseout', 
                L.bind(cssSetter, null, placeMarker, markerIcon)
            );

Теперь я хочу сделать этот переход постепенно, с анимацией.

Как я могу это сделать?