Dear Craig @PointC,
As always, thank you very much for your quick responses. I have updated the codepen to show what I am trying to accomplish visually.
Here is a detailed explanation:
Step 1. div element .box enterers the view on load.
Step 2. on button click, it send the element out of view.
what I am trying to accomplish next is to restart the animation with step 1 when Step 2 ends animating.
Visually it looks as if Step 2 while sending the .box element out of view, also brings another .box element into view; thus, making a cycle every time the (same) button is clicked. I tried to emulate it on my updated codepen, alas, in a very limited way.
Thank you in advance!
Shah