Dabble

Dabble takes an image and transforms it into a grid of divs. As you hover your mouse over the grid a trail effect is applied. Inspired by Dabble.in.

This is a proof of concept. Don't use it in production.

Usage

$('#some_img').dabble();

Customize the defaults:

$.dabble.defaults = {
  cell: {width: 40, height: 40},
  scale: 1,
  maxWidth: 800
};