March 15, 2018

pixelateは画像の任意のセットをピクセル化し、オプションでそれらをホバーにて表示するためのシンプルなライブラリとjQueryプラグインです。

jQueryで使用できます

$('img').pixelate();

HTMLデータ属性

<img src="test.jpg" width="200" height="200" data-pixelate>

1. value
2. reveal
3. revealonclick

データタグで指定

<img src="img.jpg" data-pixelate data-value="0.5" data-reveal="false">

jQuery / JavaScriptで指定

$('img#myimage').pixelate({ value: 0.5, reveal: false });

MIT