Thumbnail Hover Effect with SVG Filters
By Mary Lou on
A simple thumbnail hover effect with an SVG filter distortion.
thumbnail
Thumbnail to Full Width Image Animation
By Mary Lou on
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
Draggable Menu with Image Grid Previews
By Mary Lou on
A draggable inline menu with a scattered thumbnail preview of an image grid.
Full Image Reveal Effect
By Mary Lou on
A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.
Expanding Grid Item Animation
By Mary Lou on
A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slováček.
Elastic Stack: Elastic Dragging Interaction
By Mary Lou on
ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when drag
Animations for Thumbnail Grids
By Mary Lou on
There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy eff
Using Custom Data Attributes and Pseudo-Elements
By Mary Lou on
A tutorial on how to (ab)use custom data attributes and pseudo-elements for creating image captions.
Caption Hover Effects
By Mary Lou on
A tutorial on how to create some subtle and modern caption hover effects.
Thumbnail Grid with Expanding Preview
By Mary Lou on
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
Sticky Captions Concept
By Mary Lou on
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport.
Original Hover Effects with CSS3
By Alessio Atzeni on
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS
Fullscreen Gallery with Thumbnail Flip
By Mary Lou on
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when
Fresh Sliding Thumbnails Gallery with jQuery and PHP
By Mary Lou on
In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to a
Dynamic jQuery Image Gallery with Uploader
By chadking on
Here’s a jQuery Image Gallery script with a multi file Uploader, that was implemented using three resources that I found on the web: uploadify ad-gallery class