HTML5 Grayscale Image Hover - Web Designer Wall

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 (see demo). Credits: thanks to Darcy Clarke (my Themify‘s partner) for the jQu

[soma1080]

jQueryとcanvasを利用してグレースケールのギャラリーを作る方法。canvasを利用すればモノクロ画像を用意しなくてもいいのか…

[sakuragaoka]

お、かこいい

[f503kk]

画像をグレーにするのはHTML5のcanvasで、効果はjQueryで行っています。

[chi-bit]

HTML5 Grayscale Image Hover … HTML5とjQueryを使ったリンク画像のグレースケール化