flying image into basket using javascript instead of JQUERY : <p>I am trying to do the flying cart which means when ever Add to cart button is clicked, the product image should be taken as clone and fly into the basket. The same as this video </p>

<p><a href="https://www.youtube.com/watch?v=ZQhR5RbJ2sk" rel="nofollow noreferrer">you tube video</a></p>

<p><strong>The video has the code as</strong> </p>

<pre><code>$("button").on("click",function(){
$(this).closest("li")
.find("img")
.clone()
.addClass("zoom")
.appendTo("body");

setTimeout(function(){
$(".zoom").remove();
},1000);
});
</code></pre>

<blockquote>
  <p>The same I should do in javascript / html without Jquery.</p>
</blockquote>

<p>My trying </p>

<pre><code>  var itm1 = document.getElementById("one");
  // HEre I can take the clone of the image.
  var cln1 = itm1.cloneNode(true);
  // Here I need to add the css to this image as per the video.
</code></pre>
