svg css animation generation

svg css animation generation.js

var buff = "";
var perc = 0;
var step = 1;

buff2 = "";
document.getElementById('largeFire').childNodes.forEach(function(item) {

    if (item.attributes && item.attributes.d) {
        buff += perc + "% {\n";

        buff += "\t  d: path('" + item.attributes.d.value + "');\n";

        buff += "}\n";
        perc += step;



        buff2tmp = (100-perc) + "% {\n";

        buff2tmp += "\t  d: path('" + item.attributes.d.value + "');\n";

        buff2tmp += "}\n";

        buff2 = buff2tmp + buff2;
    }
})

console.log(buff + buff2);