Transition - Minimizing the whole layout into a box

I'm creating a fake mobile OS and looking to transition from one app to another by using this effect. Imagine the typical animation when you minimize the app to go to the home menu on an Android/iOS phone. The whole app layout will reduce and collapse into the app icon on the home screen.

I'm having a hard time to achieve this transition with the native tools. The most likely way was screenshoting the canvas, putting that into a sprite, and animating that but as I'm using HTML Elements that don't work without going into some JS which I would like to skip if I can.

Does anybody have any ideas of a workflow for this?

With html elements, your best bet will probably be CSS animations or tweened css properties.

Yes indeed. After looking more into this I change the HTML Element layout. I learned more about the Transform CSS property and managed to get what I needed.

CSS is way more powerful than I thought. I can drive all the animation and scaling just there.