dmotz / maskew

▰ Add some diagonal rhythm to your elements

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)