https://github.com/dmotz/maskew

▰ Add some diagonal rhythm to your elements
https://github.com/dmotz/maskew

animation coffeescript javascript jquery

Last synced: 18 days ago
JSON representation

▰ Add some diagonal rhythm to your elements

• Host: GitHub
• URL: https://github.com/dmotz/maskew
• Owner: dmotz
• License: mit
• Created: 2012-12-13T07:34:06.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2019-01-19T19:43:17.000Z (almost 6 years ago)
• Last Synced: 2024-11-28T01:12:12.276Z (25 days ago)
• Topics: animation, coffeescript, javascript, jquery
• Language: CoffeeScript
• Homepage: http://oxism.com/maskew
• Size: 947 KB
• Stars: 119
• Watchers: 5
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Maskew](https://oxism.com/maskew/demo/logo.png)

# [Maskew](http://dmotz.github.com/maskew)

#### Skew the shapes of elements without distorting their contents

[Dan Motzenbecker](http://oxism.com), MIT License

[@dcmotz](http://twitter.com/dcmotz)

### Features

- < 5k

- mobile friendly

- no dependencies

- optional jQuery plugin

### [Demos](http://dmotz.github.com/maskew)

### Usage

Use it:

```javascript

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

// or

var maskew = new Maskew('#skew-me', angle)

```

With jQuery:

```javascript

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

```

Add some touch:

```javascript

// from the start:

var touchMe = new Maskew(document.getElementById('skew-me'), angle, {

  touch: true

})

// or:

maskew.setTouch(true)

// disable touch:

maskew.setTouch(false)

```