Hi Elk's if I use this code as backqround image
where should I add this code in the above one, or I need to make new background CSS folder in the theme, so I could get animated background, is this possible, can someone test this, for the explanation check the code link http://snapsvg.io/start/
var s = Snap("#svg");
var bigCircle = s.circle(150, 150, 100);
bigCircle.attr({
fill: "#bada55",
stroke: "#000",
strokeWidth: 5
});
var smallCircle = s.circle(100, 150, 70);
var discs = s.group(smallCircle, s.circle(200, 150, 70));
discs.attr({
fill: "#fff"
});
bigCircle.attr({
mask: discs
});
smallCircle.animate({r: 50}, 1000);
discs.select("circle:nth-child(2)").animate({r: 50}, 1000);
var p = s.path("M10-5-10,15M15,0,0,15M0-5-20,15").attr({
fill: "none",
stroke: "#bada55",
strokeWidth: 5
});
p = p.pattern(0, 0, 10, 10);
bigCircle.attr({
fill: p
});
discs.attr({
fill: Snap("#pattern")
});
discs.attr({fill: "r()#fff-#000"});
discs.attr({fill: "R(150, 150, 100)#fff-#000"});