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)

maskew's Issues

negative skew

i try to use your plugin but i want to use a negative value for the angle but it didn't work

Question about spacing between the elements

How would I bring the skewed images closer together? my margins on the container or the actual image don't seem to be having the desired effect.