Skip to content

dmotz/maskew

Repository files navigation

Maskew

Skew the shapes of elements without distorting their contents

Dan Motzenbecker, MIT License

@dcmotz

Features

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

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)