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)