Gradually change the flex-grow property of the "blue DIV" from 1, to 8, and back to 1:

The flex-grow property is animatable in CSS.

Note: CSS Animations do not work in Internet Explorer 9 and earlier versions.