HTML5 Grayscale Image Hover

grayscale-hover-html5

Once upon a time, grayscale image has to be manually converted in order to be displayed on the web. Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I’ve put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale.

Read the full article on WebDesignerWall

About the author

The postradar is the account whatanicepost.com uses for linking content from other websites. If you want to submit a post, click here.

12 Comments

  1. glugitalia says:

    RT @whatanicepost HTML5 Grayscale Image Hover | whatanicepost http://bit.ly/hNAdYZ

    This comment was originally posted onTwitter

    Reply
  2. HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  3. NashIsKing says:

    RT @whatanicepost: HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  4. Salehalshami says:

    RT @whatanicepost: HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  5. junysb3 says:

    HTML5 Grayscale Image Hover | whatanicepost: http://bit.ly/hTHaV0

    This comment was originally posted onTwitter

    Reply
  6. HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  7. HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  8. HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  9. mefo_ says:

    RT @whatanicepost: HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  10. webdesign3r says:

    RT @whatanicepost: HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  11. HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply
  12. designlabCPH says:

    RT @whatanicepost: HTML5 Grayscale Image Hover http://bit.ly/huwujz #webdesign #design

    This comment was originally posted onTwitter

    Reply

Leave a Comment

Powered by WordPress