[Merge squares on scroll]

A lot of thanks for your help! ❤️

[Merge squares on scroll]

Hello,
I want to merge squares when user scrolls down - red square must take blue squares position, width, height and rotation smoothly and then will disappear imperceptibly, blue will take green squares params and so on. 

 

How can i do it?

See the Pen JjmLvMj by mari_rap (@mari_rap) on CodePen