ZANIMO.JS EDITOR

create, store and share animations

EDITOR HELP

A script is the body of a function with the following arguments:

Q
the Q library
Zanimo
the Zanimo library
Qajax
the Qajax library
Qimage
the Qimage library
create
helper for creating dom elements and appending them to the document body
width
the width of the viewport in pixel
height
the height of the viewport in pixel

the function must return a promise.

EDITOR SHORTCUTS

⌘+S: Save current script

⌘+E: Run current script

ZANIMO CHEAT SHEET

Zanimo(el | promise[el])
➜ promise[el]

Takes a dom element or a promise of a dom element and returns a promise of it.

Zanimo(
    el,
    attr,
    value
) ➜ promise[elt]

Applies a css style on the given DOM element.

Zanimo(
    el,
    property,
    value,
    duration,
    [easing]
) ➜ promise[el]

Start a css `property` transition with value `value` on the dom element `el` with a duration of `duration` ms and a optional timing function `easing`.

Zanimo.f(*)
➜ function(elt) ➜ promise[elt]

Encapsulates a `Zanimo(el, *)` call by returning a function (el) ➜ promise[el]. Useful to define reusable transitions.