Div animation when moving from one container to another

[blyk]

I am trying to create UI where on click tiles [sub-divs] move from one parent div to another parent div. I have created a pen to explain the question.The pen is working fine but now I need to know how to show the moving animation. I want them to fly one by one on click. I used greensock.js before but I don’t have any idea how to use it in this case, or can I use it here?

Here is the codepen – https://codepen.io/xblack/pen/QvwQbW

What I want is explained in this image :)
https://ibb.co/dKO9sa

[Author]

Posts