<commit_before>
# move

  Pure JS DOM animation. Still at the experimental stage. Inspiration coming from [move.js](//github.com/visionmedia/move.js) and [firmin](http://extralogical.net/projects/firmin) though by staying in JS as much as possible I hope to be able to go a lot further.

## limitations

- performance: Should be plenty fast but CSS animations will probably always be faster.

- x-browser: At this stage it only works in webkit based browsers or browsers with a `WebKitCSSMatrix` polyfill. This is only temporary but it will take a bit of effort to work around.

## Installation

_With [packin](//github.com/jkroso/packin) or [component](//github.com/component/component)_

    $ packin add jkroso/move

then in your app:

```js
var move = require('move')
```

## API

### Move(el)

  the Move class

### Move#set(prop:String, to:CSS)

  add `prop` to animation. When the animation is run
  `prop` will be tweened from its current value to `to`

### Move#add(prop:String, to:Number)

  increment `prop` by `n`

### Move#sub(prop:String, to:Number)

  decrement `prop` by `n`

### Move#current(prop:String)

  get the current value of `prop`

### Move#skew(x:Number, y:Number)

  Skew `x` and `y`.

### Move#skewX(n:Number)

  Skew x by `n`.

### Move#skewY(n:Number)

  Skew y by `n`.

### Move#translate(x:Number, y:Number)

  Translate `x` and `y` axis.

### Move#scale(x:Number, y:Number)

  Scale the x and y axis by `x`, or
  individually scale `x` and `y`.

### Move#scaleX(n:Number)

  Scale x axis by `n`.

### Move#scaleY(n:Number)

  Scale y axis by `n`.

### Move#rotate(n:Number)

  Rotate `n` degrees.

### Move#reset()

  reset the animation so it can be re-used

### Move#duration(n:Number|String)

  set duration to `n`. if `n` is a string it
  is assumed to be in seconds

### Move#then()

  Create a `DeferredMove` instance which will run
  when `this` move completes.

### Move#run([n]:Number|String)

  run the animation with an optional duration
<commit_msg>move api docs to gh-pages<commit_after>
# move

  Pure JS DOM animation. Still at the experimental stage. Inspiration coming from [move.js](//github.com/visionmedia/move.js) and [firmin](http://extralogical.net/projects/firmin) though by staying in JS as much as possible I hope to be able to go a lot further.

## limitations

- performance: Should be plenty fast but CSS animations will probably always be faster.

- x-browser: At this stage it only works in webkit based browsers or browsers with a `WebKitCSSMatrix` polyfill. This is only temporary but it will take a bit of effort to work around.

## Installation

_With [packin](//github.com/jkroso/packin) or [component](//github.com/component/component)_

    $ packin add jkroso/move

then in your app:

```js
var move = require('move')
```

## Usage

```js
move(document.body)
  .set('background-color', 'blue')
  .rotate(30)
  .scale(2)
  .ease('out-bounce')
  .duration('.2s')
  .then()
    .rotate(-30)
    .scale(.5)
```

This will enlarge the document while rotating it clockwise and changing the background color to blue. `then()` 200ms later when that animation completes it will animate back to its original size and rotation.

{'fraction_non_alphanumeric': 0.12476489028213165, 'fraction_numerical': 0.003134796238244514, 'mean_word_length': 3.901689708141321, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6141525', 'n_tokens_mistral': 1081, 'n_tokens_neox': 1030, 'n_words': 391}