【jQuery】イメージをピクセル化し、ホバーで表示させるシンプルなプラグインpixelate

jQuery

pixelate.js

March 15, 2018

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

Usage

jQueryで使用できます

$('img').pixelate();

HTMLデータ属性

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

Options

  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

Latest Posts

Related Posts