1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
<svg xmlns="http://www.w3.org/2000/svg"> <animate id="x" begin="y.end"/> <animate id="y"/> <script> function boom() { var x = document.getElementById("x"); var y = document.getElementById("y"); y.appendChild(x); y.setAttributeNS(null, "dur", "0.5s"); y.removeAttributeNS(null, "dur"); } window.addEventListener("load", boom, false); </script> </svg>