How to animate swapping grid positions in css3?


I was looking at where clicking on an image swaps with another seemingly random image, and it looks like a really cool effect, and was trying to figure out how it was implemented - is it some sort of plugin? Also not sure if there is a proper name for this effect - if so, what it is?

Problem courtesy of: justclaire


They are using a jquery plugin called isotope:

Solution courtesy of: Matt Berkowitz


for similar effects

you can find from here:

Discussion courtesy of: Rakesh Singh

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