WebAppers

/ best free open source web resources /

Shopify

Create Beautiful Thumbnail Hover Effect using Mootools

Posted · Category: Gallery, License Free

Thumbnails of photos is very common part of any website. We have seen a lot of innovation and beautiful representation of thumbnails. Recently Nitin Hayaran has demonstrated how to create a beautiful hover effect on thumbnails using Mootools.

Beautiful Thumbnail Effect is just a demo of the possibilities. One can use the same technique to show the Title of the Image or RunTime and Title of Video Thumbnail.

mootools-thumbnails

Requirements: Mootools Framework
Demo: http://www.nitinh.com/static/Thumbnails/index.html
License: License Free

3 Comments
  • http://irongaze.com Rob Morris

    Concept is nice, implementation leaves something to be desired. The whole thumb should be clickable, and I don’t like the bump + glass effect, would look nicer with just the glass effect IMNSHO.

  • http://www.thatwebguyblog.com ThatWebGuy

    Agreed with Rob Morris. While I can appreciate the technical prowess and the aesthetics, the usability leaves a lot to be desired. As is usually the case with many of these ‘great’ JavaScript effect, usability often takes a back seat to style. The truth is you can actually have both.

  • http://www.pkm.co.in/ metal roofing chennai

    Thanks for sharing Thumbnail Effects here:It is a new idea

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons