Mobile app version of vmapp.org
Login or Join
Turnbaugh106

: How to create a dynamic grid that makes the current selection larger? You see website http://stackexchange.com/sites containing lots of images. By clicking each image it expands and clicking another

@Turnbaugh106

Posted in: #Images #WebsiteDesign

You see website 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:



After clicking image webmasters:

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Turnbaugh106

1 Comments

Sorted by latest first Latest Oldest Best

 

@Eichhorn148

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:



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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme