You see website http://stackexchange.com/sites containing lots of images. By clicking each image it expands and clicking another images it expands and collapse previous clicked image. I have attached images below..

Before clicking image webmasters:

enter image description here

After clicking image webmasters:

enter image description here


The best thing to do here is inspect the source code.

I notice right away each block has -webkit-transform assigned to it. For example:

-webkit-transform: translate3d(288px, 0px, 0px);

As can be seen in this screenshot:

enter image description here

Then, I found the class isotope-image assigned to the div. A quick Google search turns up: http://isotope.metafizzy.co/demos/layout-modes.html

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.