Gallery

Source images used in this gallery have different sizes and proportions. They are cropped and scaled with SVG. This technique has wide cross-browser support. You can find more informations here. Gallery is driven by tiny javascript with no dependencies.

Gapein.js

Lightweight (less than 6kB) vanilla javascript expanding preview/details for any kind of CSS grid gallery (product list). Similar to the effect seen, for example, on Google Images search result.

• expand_more

  thumb_up 168 visibility 427

• expand_more

  thumb_up 53 visibility 229

• expand_more

  thumb_up 68 visibility 125

• expand_more

  thumb_up 79 visibility 327

• expand_more

  thumb_up 25 visibility 118

• expand_more

  thumb_up 134 visibility 576

• expand_more

  thumb_up 102 visibility 395

• expand_more

  thumb_up 81 visibility 224

• expand_more

  thumb_up 133 visibility 380

• expand_more

  thumb_up 167 visibility 426

• expand_more

  thumb_up 54 visibility 269

• expand_more

  thumb_up 122 visibility 307

close

LIVE PREVIEW

For more detailed informations please visit: GITHUB repository