Image Overlay Hover Effects With CSS3 Transitions

Image Overlay Hover Effects With CSS3 Transitions

Image overlay hover effects with CSS3 transitions are a great way to add some nice interactivity on your site. In the old days, a little pointer cursor would do the trick for indicating to the user that an image was clickable to view more information. Nowadays, we want some smooth transitions and some UI icons to prompt the user.

When the user hovers over an image, a semi-transparent black background transitions in over the image, along with a “+” icon. This will indicate to the user that they can click the image for things like more info, a larger view of the image, etc.

Demo | Download

Relocator – jQuery plugin to create photo gallery

Relocator - jQuery plugin to create photo gallery

Relocator is lightweight jQuery plugin to create photo gallery. this plugin will make the different size images to fit with the specified canvas without “size resizing”

Features

  • Plugin will resize the image and fit within the given canvas without “size resizing”

Relocator - jQuery plugin to create photo gallery

  • Also provide extra feature like show the title and animate the image description on mouse hover.

Demo | Download

Original Hover Effects with CSS3

The power of CSS3 is enormous. Having some fresh and maybe even unexpected effects on a website, can juice up the experience for the user. Here we are going to share some thumbnail hover effects with CSS3 transitions.

Original Hover Effects with CSS3

Demo | Download