Javascript 传单标记图标的动画过渡

Javascript 传单标记图标的动画过渡,javascript,leaflet,Javascript,Leaflet,我有一个带有蓝色图标的传单标记(来自PNG图像源)。鼠标悬停时,我想把它变成一个红色图标 这是执行此操作的代码: let placeMarker = L.marker(...); let cssSetter = function (imarker, iicon) { imarker.setIcon(iicon); }; placeMarker.on('mouseov

我有一个带有蓝色图标的传单标记(来自PNG图像源)。鼠标悬停时,我想把它变成一个红色图标

这是执行此操作的代码:

            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)
            );
现在我想用一个动画逐渐地完成这个过渡


我如何才能做到这一点?

编写自己的CSS转换


或者使用插件传单.TransitionedIcon