Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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

share|improve this question

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

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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