Demos: Grayscale Hover Effect with HTML5 canvas and jQuery

This are some examples with code snippets for the post about Grayscale Hover Effects with HTML5 canvas and jquery.

How to use the code

  • include jQuery
  • add the class .imglist to the ul, ol or div that includes your images
  • use the code of the first demo below
  • for a different hover effect replace the jQuery hover function with another from the demos
  • put the HTML file on a web server or a local test server like XAMPP (otherwise it will not work)

If you have any questions about the code, please use the commentform in the article.

See more