Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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

1 Answer 1

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

 
discard

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.