Add some diagonal rhythm to your elements
CoffeeScript CSS JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
test
Cakefile
LICENSE
README.md
index.html
maskew.coffee
maskew.jquery.json
maskew.js
maskew.js.map
maskew.min.js

README.md

Maskew

Maskew

Skew the shapes of elements without distorting their contents

Dan Motzenbecker, MIT License

@dcmotz

Features

  • < 5k
  • mobile friendly
  • no dependencies
  • optional jQuery plugin

Demos

Usage

Use it:

var maskew = new Maskew(document.getElementById('skew-me'), angle);
// or
var maskew = new Maskew('#skew-me', angle);

With jQuery:

var $maskew = $('#skew-me').maskew(angle);

Add some touch:

// from the start:

var touchMe = new Maskew(document.getElementById('skew-me'), angle, { touch: true });

// or:

maskew.setTouch(true);

// disable touch:

maskew.setTouch(false);