Animate Window resize content rearrange


I see many themes where when window is resized it rearranges content with slight animation for example . If you make window smaller or larger it moves rows and columns accordingly . I have proper css that does the same thing but I couldnt find anywhere on js or css how to animate on rearranging .

Any help highly appreciated .

Problem courtesy of: user1649941


You can use the masonry jQuery plugin it does just that

Solution courtesy of: Ibu


There's always the Isotope plugin, too. (A little search never hurt anyone!)

Discussion courtesy of: crowjonah

there is also for this, but as said Ibu, the masonry jquery plugin do this great

Discussion courtesy of: Hovhannes Sargsyan

This recipe can be found in it's original form on Stack Over Flow.