I use the LazyLinePainter plugin to draw SVG contours. But the problem is that the plugin draws only the lines, but does not fill at the end of the drawing process. By this, I decided to finish pouring myself, but the fill appears sharply, and I would like to make it smooth. Is it possible to smoothly change the attribute value?

'onStrokeStart': function(){ setTimeout(function(){ $('#goodwin-logo svg path').attr({ 'fill': 'rgba(255,255,255, 0)', 'fill-opacity': '1' }); $('#goodwin-logo svg path').fadeIn("slow", function() { $(this).attr({ 'fill': 'rgba(255,255,255, 1)' }) }); }, 2500); }

    1 answer 1

    Understood independently, through css:

     $(document).ready(function() { $('#goodwin-svg path').css({ 'transition': 'fill-opacity 2s ease 1.5s', 'fill-opacity': '1' }); });