ThumbnailGridExpandingPreview
Image preview grid
Creating a thumbnail grid with an expanding image preview similar to Google Images
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
360 stars
30 watching
142 forks
Language: JavaScript
last commit: over 6 years ago
Linked from 1 awesome list
lindelof/awesome-web-effectRelated projects:
| Repository | Description | Stars |
|---|---|---|
| codrops/fullimagereveal | Creates a visually appealing full image reveal effect with thumbnail sliding functionality. | 165 |
 orion3dgames/gridder | A jQuery plugin that creates an expanding preview effect for thumbnails with additional content | 462 |
| codrops/imagegridmotioneffect | A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP | 141 |
| codrops/motiontransitioneffect | A JavaScript library that creates a slideshow with smooth motion transitions between images. | 56 |
| codrops/organicshapeanimations | Provides hover effects on images using SVG clipPath animation | 221 |
| codrops/gradienttopographyanimation | An HTML animation that simulates the gradient topography concept by animating shape layers | 340 |
| codrops/segmenteffect | Segments background image into distinct parts with animations | 543 |
| codrops/backgroundscalehovereffect | A recreation of the background scale hover effect using CSS clip paths. | 118 |
| codrops/glitchslideshow | A slideshow with a CSS glitch effect for slide transitions | 115 |
| codrops/imagedraggingeffects | A collection of image dragging effects using various JavaScript libraries and techniques | 78 |
| codrops/pageloadingeffects | Provides SVG animations to reveal new content on page loads | 646 |
| codrops/pagerevealeffects | An article demonstrating various multi-layer page transition effects using CSS animations. | 132 |
| codrops/fancyletteranimation | An animated SVG letter animation inspired by the 'Shading Letters in Illustrator' concept. | 143 |
| codrops/dialogeffects | A collection of reusable CSS and SVG animations for creating visually appealing dialog effects. | 308 |
| codrops/imagetraileffects | A set of effects that create a trail of images following the mouse cursor | 219 |