made with requirebin.com

index.js

// tiny Zanimo.js example

var Zanimo = require('zanimo'),
    Qimage = require('qimage');

function setup() {
  return Qimage("http://requirebin.com/logo-black.png")
  	.then(function (img) {
  		img.style.position = 'absolute';
  		img.style.top = '100px';
  		img.style.left = '100px';
      img.style.backgroundColor = 'white';
    	window.document.body.appendChild(img);
    	return img;
  	});
}

Zanimo(setup())
	.then(Zanimo.transitionf('background-color', 'rgb(232,213,100)', 500))
	.then(Zanimo.transitionf('transform', 'translate3d(200px, 200px, 0)', 500))
	.then(Zanimo.transitionf('transform', 'translate3d(200px, 200px, 0) rotateZ(280deg)', 300))
	.then(Zanimo.transitionf('transform', 'rotateZ(-125deg)', 100))
	.then(Zanimo.transitionf('transform', 'scale(0.001)', 500));

minified.js

function setup(){return Qimage("http://requirebin.com/logo-black.png").then(function(n){return n.style.position="absolute",n.style.top="100px",n.style.left="100px",n.style.backgroundColor="white",window.document.body.appendChild(n),n})}require=function(n,t,e){function r(e,i){if(!t[e]){if(!n[e]){var u="function"==typeof require&&require;if(!i&&u)return u(e,!0);if(o)return o(e,!0);throw Error("Cannot find module '"+e+"'")}var c=t[e]={exports:{}};n[e][0].call(c.exports,function(t){var o=n[e][1][t];return r(o?o:t)},c,c.exports)}return t[e].exports}for(var o="function"==typeof require&&require,i=0;e.length>i;i++)r(e[i]);return r}({zanimo:[function(n,t){t.exports=n("Rzof1B")},{}],Rzof1B:[function(n,t,e){(function(n){"object"==typeof e?t.exports=n():Zanimo=n()})(function(){return function(){var t=window.Q||n("q");window.requestAnimationFrame||(window.requestAnimationFrame=function(){return window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(n){window.setTimeout(n,1e3/60)}}());var e=function(n){var t=/(\(.+?\))/g,e=/^0px$/g,r="0";_space=/ /g,_normRegex=/\-([a-z])/g,_emptyString="",_transitionend="transitionend",_transition="transition",_prefix=null,_dummy=null,_dummyTransition="opacity 100ms linear 0s",_repr=function(n,t,e){return n+" "+t+"ms "+(e||"linear")},_prefixed={transform:""},_normReplacef=function(n,t){return t.toUpperCase()},_normCSSVal=function(n){var t=n.substr(1,n.length-2).split(","),o=[];return t.forEach(function(n){o.push(n.replace(_space,_emptyString).replace(e,r))}),"("+o.join(",")+")"},_norm=function(n){var t="-"===n[0]?n.substr(1,n.length-1):n;return t.replace(_normRegex,_normReplacef)},_normValue=function(n){return null===n||void 0===n?"":isNaN(n)?n.replace(t,_normCSSVal):""+n},"WebkitTransition"in n.body.style&&(_transitionend="webkitTransitionEnd",_prefix="webkit");for(var o in _prefixed)_prefixed[o]=_prefix?"-"+_prefix+"-"+o:o;return _transition=_prefix?_prefix+"-"+_transition:_transition,_transition=_norm(_transition),_dummy=n.createElement("div"),_dummyTransition=_normValue(_dummyTransition),_dummy.style[_transition]=_dummyTransition,_dummy=_normValue(_dummy.style[_transition]),_dummy===_dummyTransition&&(_repr=function(n,t,e){return n+" "+t+"ms "+(e||"linear")+" 0s"}),{t:_transition,transform:_norm(_prefixed.transform),transitionend:_transitionend,norm:_norm,prefix:function(n){return _prefixed[n]?_prefixed[n]:n},repr:_repr,normValue:_normValue}}(window.document),r=function(n){return n instanceof HTMLElement?t.resolve(n):t.isPromise(n)?n.then(r):t.reject(Error("Zanimo require an HTMLElement, or a promise of an HTMLElement"))},o=function(n,t,r,o,i){t=e.prefix(t),n.style[e.t]=n.style[e.t]?n.style[e.t]+", "+e.repr(t,o,i):e.repr(t,o,i),n.style[e.norm(t)]=r},i=function(n,t){var r=(e.prefix(t),Object.keys(n._zanimo));1===r.length&&r[0]===t&&(n.style[e.t]="")};return r.transition=function(n,r,u,c,a){var f,s=t.defer(),p=function(t){f&&(clearTimeout(f),f=null),i(n,r,u,c,a),n.removeEventListener(e.transitionend,l),t&&delete n._zanimo[r]},l=function(t){e.norm(t.propertyName)===e.norm(e.prefix(r))&&(p(!0),s.resolve(n))};return n instanceof HTMLElement?window.isNaN(parseInt(c,10))?(s.reject(Error("Zanimo transition: duration must be an integer!")),s.promise):(n.addEventListener(e.transitionend,l),window.requestAnimationFrame(function(){o(n,r,u,c,a),f=setTimeout(function(){var t=n.style.getPropertyValue(e.prefix(r)),o=e.normValue(t),i=e.normValue(u);p(!0),o===i?s.resolve(n):s.reject(Error("Zanimo transition: "+n.id+" with "+r+" = "+i+", DOM value="+o))},c+20),n._zanimo=n._zanimo||{},n._zanimo[r]&&(n._zanimo[r].defer.reject(Error("Zanimo transition "+n.id+" with "+r+"="+n._zanimo[r].value+" stopped by transition with "+r+"="+u)),n._zanimo[r].cb()),n._zanimo[r]={cb:p,value:u,defer:s}},n),s.promise):(s.reject(Error("Zanimo transition: no DOM element!")),s.promise)},r.transitionf=function(n,t,e,o){return function(i){return r.transition(i,n,t,e,o)}},r.transform=function(n,r,o){var i=t.defer();return n instanceof HTMLElement?(n._zanimo&&n._zanimo.hasOwnProperty("transform")&&(n._zanimo.transform.defer.reject(Error("Zanimo transition "+n.id+" with transform="+n._zanimo.transform.value+" stopped by transform="+r)),n._zanimo.transform.cb()),window.requestAnimationFrame(function(){n.style[e.transform]=o?r:n.style[e.transform]+" "+r,i.resolve(n)},n),i.promise):(i.reject(Error("Zanimo transform: no DOM element!")),i.promise)},r.transformf=function(n,t){return function(e){return r.transform(e,n,t)}},r.f=function(n){return function(){return r(n)}},r.all=function(n){return function(e){return t.allResolved(n.map(function(n){return n(e)})).then(function(n){var r=n.filter(function(n){return t.isRejected(n)});return r.length?t.reject(r):e})}},r._T=e,r}()})},{q:1}],2:[function(n,t){var e=t.exports={};e.nextTick=function(){var n="undefined"!=typeof window&&window.setImmediate,t="undefined"!=typeof window&&window.postMessage&&window.addEventListener;if(n)return function(n){return window.setImmediate(n)};if(t){var e=[];return window.addEventListener("message",function(n){if(n.source===window&&"process-tick"===n.data&&(n.stopPropagation(),e.length>0)){var t=e.shift();t()}},!0),function(n){e.push(n),window.postMessage("process-tick","*")}}return function(n){setTimeout(n,0)}}(),e.title="browser",e.browser=!0,e.env={},e.argv=[],e.binding=function(){throw Error("process.binding is not supported")},e.cwd=function(){return"/"},e.chdir=function(){throw Error("process.chdir is not supported")}},{}],1:[function(n,t,e){(function(n){(function(n){if("function"==typeof bootstrap)bootstrap("promise",n);else if("object"==typeof e)t.exports=n();else if("function"==typeof define&&define.amd)define(n);else if("undefined"!=typeof ses){if(!ses.ok())return;ses.makeQ=n}else Q=n()})(function(){"use strict";function t(n){var t=Function.call;return function(){return t.apply(n,arguments)}}function e(n){return n===Object(n)}function r(n){return"[object StopIteration]"===gt(n)||n instanceof at}function o(n,t){if(it&&t.stack&&"object"==typeof n&&null!==n&&n.stack&&-1===n.stack.indexOf(jt)){for(var e=[],r=t;r;r=r.source)r.stack&&e.unshift(r.stack);e.unshift(n.stack);var o=e.join("\n"+jt+"\n");n.stack=i(o)}}function i(n){for(var t=n.split("\n"),e=[],r=0;t.length>r;++r){var o=t[r];a(o)||u(o)||!o||e.push(o)}return e.join("\n")}function u(n){return-1!==n.indexOf("(module.js:")||-1!==n.indexOf("(node.js:")}function c(n){var t=/at .+ \((.+):(\d+):(?:\d+)\)$/.exec(n);if(t)return[t[1],Number(t[2])];var e=/at ([^ ]+):(\d+):(?:\d+)$/.exec(n);if(e)return[e[1],Number(e[2])];var r=/.*@(.+):(\d+)$/.exec(n);return r?[r[1],Number(r[2])]:void 0}function a(n){var t=c(n);if(!t)return!1;var e=t[0],r=t[1];return e===ct&&r>=ft&&Et>=r}function f(){if(it)try{throw Error()}catch(n){var t=n.stack.split("\n"),e=t[0].indexOf("@")>0?t[1]:t[2],r=c(e);if(!r)return;return ct=r[0],r[1]}}function s(n,t,e){return function(){return"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(t+" is deprecated, use "+e+" instead.",Error("").stack),n.apply(n,arguments)}}function p(n){return O(n)}function l(){function n(n){t=n,i.source=n,dt(e,function(t,e){pt(function(){n.promiseDispatch.apply(n,e)})},void 0),e=void 0,r=void 0}var t,e=[],r=[],o=yt(l.prototype),i=yt(m.prototype);if(i.promiseDispatch=function(n,o,i){var u=lt(arguments);e?(e.push(u),"when"===o&&i[1]&&r.push(i[1])):pt(function(){t.promiseDispatch.apply(t,u)})},i.valueOf=s(function(){if(e)return i;var n=v(t);return y(n)&&(t=n),n},"valueOf","inspect"),i.inspect=function(){return t?t.inspect():{state:"pending"}},p.longStackSupport&&it)try{throw Error()}catch(u){i.stack=u.stack.substring(u.stack.indexOf("\n")+1)}return o.promise=i,o.resolve=function(e){t||n(O(e))},o.fulfill=function(e){t||n(E(e))},o.reject=function(e){t||n(T(e))},o.notify=function(n){t||dt(r,function(t,e){pt(function(){e(n)})},void 0)},o}function d(n){if("function"!=typeof n)throw new TypeError("resolver must be a function.");var t=l();return I(n,t.resolve,t.reject,t.notify).fail(t.reject),t.promise}function m(n,t,e){void 0===t&&(t=function(n){return T(Error("Promise does not support operation: "+n))}),void 0===e&&(e=function(){return{state:"unknown"}});var r=yt(m.prototype);if(r.promiseDispatch=function(e,o,i){var u;try{u=n[o]?n[o].apply(r,i):t.call(r,o,i)}catch(c){u=T(c)}e&&e(u)},r.inspect=e,e){var o=e();"rejected"===o.state&&(r.exception=o.reason),r.valueOf=s(function(){var n=e();return"pending"===n.state||"rejected"===n.state?r:n.value})}return r}function v(n){if(y(n)){var t=n.inspect();if("fulfilled"===t.state)return t.value}return n}function y(n){return e(n)&&"function"==typeof n.promiseDispatch&&"function"==typeof n.inspect}function h(n){return e(n)&&"function"==typeof n.then}function w(n){return y(n)&&"pending"===n.inspect().state}function g(n){return!y(n)||"fulfilled"===n.inspect().state}function k(n){return y(n)&&"rejected"===n.inspect().state}function j(){_t||"undefined"==typeof window||window.Touch||!window.console||console.warn("[Q] Unhandled rejection reasons (should be empty):",bt),_t=!0}function b(){for(var n=0;bt.length>n;n++){var t=bt[n];t&&t.stack!==void 0?console.warn("Unhandled rejection reason:",t.stack):console.warn("Unhandled rejection reason (no stack):",t)}}function x(){bt.length=0,xt.length=0,_t=!1,Rt||(Rt=!0,n!==void 0&&n.on&&n.on("exit",b))}function _(n,t){Rt&&(xt.push(n),bt.push(t),j())}function R(n){if(Rt){var t=mt(xt,n);-1!==t&&(xt.splice(t,1),bt.splice(t,1))}}function T(n){var t=m({when:function(t){return t&&R(this),t?t(n):this}},function(){return this},function(){return{state:"rejected",reason:n}});return _(t,n),t}function E(n){return m({when:function(){return n},get:function(t){return n[t]},set:function(t,e){n[t]=e},"delete":function(t){delete n[t]},post:function(t,e){return null===t||void 0===t?n.apply(void 0,e):n[t].apply(n,e)},apply:function(t,e){return n.apply(t,e)},keys:function(){return wt(n)}},void 0,function(){return{state:"fulfilled",value:n}})}function O(n){return y(n)?n:h(n)?q(n):E(n)}function q(n){var t=l();return pt(function(){try{n.then(t.resolve,t.reject,t.notify)}catch(e){t.reject(e)}}),t.promise}function S(n){return m({isDef:function(){}},function(t,e){return M(n,t,e)},function(){return O(n).inspect()})}function N(n,t,e,r){return p(n).then(t,e,r)}function D(n,t,e){return N(n,function(n){return C(n).then(function(n){return t.apply(void 0,n)},e)},e)}function P(n){return function(){function t(n,t){var u;if(kt){try{u=e[n](t)}catch(c){return T(c)}return u.done?u.value:N(u.value,o,i)}try{u=e[n](t)}catch(c){return r(c)?c.value:T(c)}return N(u,o,i)}var e=n.apply(this,arguments),o=t.bind(t,"send"),i=t.bind(t,"throw");return o()}}function z(n){p.done(p.async(n)())}function A(n){throw new at(n)}function F(n){return function(){return D([this,C(arguments)],function(t,e){return n.apply(t,e)})}}function M(n,t,e){var r=l();return pt(function(){O(n).promiseDispatch(r.resolve,t,e)}),r.promise}function Z(n){return function(t){var e=lt(arguments,1);return M(t,n,e)}}function L(n,t){var e=lt(arguments,2);return Tt(n,t,e)}function U(n,t){return M(n,"apply",[void 0,t])}function I(n){var t=lt(arguments,1);return U(n,t)}function V(n){var t=lt(arguments,1);return function(){var e=t.concat(lt(arguments));return M(n,"apply",[this,e])}}function C(n){return N(n,function(n){var t=0,e=l();return dt(n,function(r,o,i){var u;y(o)&&"fulfilled"===(u=o.inspect()).state?n[i]=u.value:(++t,N(o,function(r){n[i]=r,0===--t&&e.resolve(n)},e.reject))},void 0),0===t&&e.resolve(n),e.promise})}function Q(n){return N(n,function(n){return n=vt(n,O),N(C(vt(n,function(n){return N(n,st,st)})),function(){return n})})}function $(n){return N(n,function(n){return C(vt(n,function(t,e){return N(t,function(t){return n[e]={state:"fulfilled",value:t},n[e]},function(t){return n[e]={state:"rejected",reason:t},n[e]})})).thenResolve(n)})}function H(n,t){return N(n,void 0,t)}function B(n,t){return N(n,void 0,void 0,t)}function W(n,t){return N(n,function(n){return N(t(),function(){return n})},function(n){return N(t(),function(){return T(n)})})}function G(t,e,r,i){var u=function(n){pt(function(){if(o(n,t),!p.onerror)throw n;p.onerror(n)})},c=e||r||i?N(t,e,r,i):t;"object"==typeof n&&n&&n.domain&&(u=n.domain.bind(u)),H(c,u)}function J(n,t,e){var r=l(),o=setTimeout(function(){r.reject(Error(e||"Timed out after "+t+" ms"))},t);return N(n,function(n){clearTimeout(o),r.resolve(n)},function(n){clearTimeout(o),r.reject(n)},r.notify),r.promise}function K(n,t){void 0===t&&(t=n,n=void 0);var e=l();return N(n,void 0,void 0,e.notify),setTimeout(function(){e.resolve(n)},t),e.promise}function X(n,t){var e=lt(t),r=l();return e.push(r.makeNodeResolver()),U(n,e).fail(r.reject),r.promise}function Y(n){var t=lt(arguments,1),e=l();return t.push(e.makeNodeResolver()),U(n,t).fail(e.reject),e.promise}function nt(n){var t=lt(arguments,1);return function(){var e=t.concat(lt(arguments)),r=l();return e.push(r.makeNodeResolver()),U(n,e).fail(r.reject),r.promise}}function tt(n,t){var e=lt(arguments,2);return function(){function r(){return n.apply(t,arguments)}var o=e.concat(lt(arguments)),i=l();return o.push(i.makeNodeResolver()),U(r,o).fail(i.reject),i.promise}}function et(n,t,e){var r=lt(e||[]),o=l();return r.push(o.makeNodeResolver()),Tt(n,t,r).fail(o.reject),o.promise}function rt(n,t){var e=lt(arguments,2),r=l();return e.push(r.makeNodeResolver()),Tt(n,t,e).fail(r.reject),r.promise}function ot(n,t){return t?(n.then(function(n){pt(function(){t(null,n)})},function(n){pt(function(){t(n)})}),void 0):n}var it=!1;try{throw Error()}catch(ut){it=!!ut.stack}var ct,at,ft=f(),st=function(){},pt=function(){function t(){for(;e.next;){e=e.next;var n=e.task;e.task=void 0;var r=e.domain;r&&(e.domain=void 0,r.enter());try{n()}catch(i){if(u)throw r&&r.exit(),setTimeout(t,0),r&&r.enter(),i;setTimeout(function(){throw i},0)}r&&r.exit()}o=!1}var e={task:void 0,next:null},r=e,o=!1,i=void 0,u=!1;if(pt=function(t){r=r.next={task:t,domain:u&&n.domain,next:null},o||(o=!0,i())},n!==void 0&&n.nextTick)u=!0,i=function(){n.nextTick(t)};else if("function"==typeof setImmediate)i="undefined"!=typeof window?setImmediate.bind(window,t):function(){setImmediate(t)};else if("undefined"!=typeof MessageChannel){var c=new MessageChannel;c.port1.onmessage=t,i=function(){c.port2.postMessage(0)}}else i=function(){setTimeout(t,0)};return pt}(),lt=t(Array.prototype.slice),dt=t(Array.prototype.reduce||function(n,t){var e=0,r=this.length;if(1===arguments.length)for(;;){if(e in this){t=this[e++];break}if(++e>=r)throw new TypeError}for(;r>e;e++)e in this&&(t=n(t,this[e],e));return t}),mt=t(Array.prototype.indexOf||function(n){for(var t=0;this.length>t;t++)if(this[t]===n)return t;return-1}),vt=t(Array.prototype.map||function(n,t){var e=this,r=[];return dt(e,function(o,i,u){r.push(n.call(t,i,u,e))},void 0),r}),yt=Object.create||function(n){function t(){}return t.prototype=n,new t},ht=t(Object.prototype.hasOwnProperty),wt=Object.keys||function(n){var t=[];for(var e in n)ht(n,e)&&t.push(e);return t},gt=t(Object.prototype.toString);at="undefined"!=typeof ReturnValue?ReturnValue:function(n){this.value=n};var kt;try{Function("(function* (){ yield 1; })"),kt=!0}catch(ut){kt=!1}var jt="From previous event:";p.nextTick=pt,p.longStackSupport=!1,p.defer=l,l.prototype.makeNodeResolver=function(){var n=this;return function(t,e){t?n.reject(t):arguments.length>2?n.resolve(lt(arguments,1)):n.resolve(e)}},p.promise=d,p.makePromise=m,m.prototype.then=function(n,t,e){function r(t){try{return"function"==typeof n?n(t):t}catch(e){return T(e)}}function i(n){if("function"==typeof t){o(n,c);try{return t(n)}catch(e){return T(e)}}return T(n)}function u(n){return"function"==typeof e?e(n):n}var c=this,a=l(),f=!1;return pt(function(){c.promiseDispatch(function(n){f||(f=!0,a.resolve(r(n)))},"when",[function(n){f||(f=!0,a.resolve(i(n)))}])}),c.promiseDispatch(void 0,"when",[void 0,function(n){var t,e=!1;try{t=u(n)}catch(r){if(e=!0,!p.onerror)throw r;p.onerror(r)}e||a.notify(t)}]),a.promise},m.prototype.thenResolve=function(n){return N(this,function(){return n})},m.prototype.thenReject=function(n){return N(this,function(){throw n})},dt(["isFulfilled","isRejected","isPending","dispatch","when","spread","get","set","del","delete","post","send","mapply","invoke","mcall","keys","fapply","fcall","fbind","all","allResolved","timeout","delay","catch","finally","fail","fin","progress","done","nfcall","nfapply","nfbind","denodeify","nbind","npost","nsend","nmapply","ninvoke","nmcall","nodeify"],function(n,t){m.prototype[t]=function(){return p[t].apply(p,[this].concat(lt(arguments)))}},void 0),m.prototype.toSource=function(){return""+this},m.prototype.toString=function(){return"[object Promise]"},p.nearer=v,p.isPromise=y,p.isPromiseAlike=h,p.isPending=w,p.isFulfilled=g,p.isRejected=k;var bt=[],xt=[],_t=!1,Rt=!0;p.resetUnhandledRejections=x,p.getUnhandledReasons=function(){return bt.slice()},p.stopUnhandledRejectionTracking=function(){x(),n!==void 0&&n.on&&n.removeListener("exit",b),Rt=!1},x(),p.reject=T,p.fulfill=E,p.resolve=O,p.master=S,p.when=N,p.spread=D,p.async=P,p.spawn=z,p["return"]=A,p.promised=F,p.dispatch=M,p.dispatcher=Z,p.get=Z("get"),p.set=Z("set"),p["delete"]=p.del=Z("delete");var Tt=p.post=Z("post");p.mapply=Tt,p.send=L,p.invoke=L,p.mcall=L,p.fapply=U,p["try"]=I,p.fcall=I,p.fbind=V,p.keys=Z("keys"),p.all=C,p.allResolved=s(Q,"allResolved","allSettled"),p.allSettled=$,p["catch"]=p.fail=H,p.progress=B,p["finally"]=p.fin=W,p.done=G,p.timeout=J,p.delay=K,p.nfapply=X,p.nfcall=Y,p.nfbind=nt,p.denodeify=p.nfbind,p.nbind=tt,p.npost=et,p.nmapply=et,p.nsend=rt,p.ninvoke=p.nsend,p.nmcall=p.nsend,p.nodeify=ot;var Et=f();return p})})(n("__browserify_process"))},{__browserify_process:2}]},{},[]),require=function(n,t,e){function r(e,i){if(!t[e]){if(!n[e]){var u="function"==typeof require&&require;if(!i&&u)return u(e,!0);if(o)return o(e,!0);throw Error("Cannot find module '"+e+"'")}var c=t[e]={exports:{}};n[e][0].call(c.exports,function(t){var o=n[e][1][t];return r(o?o:t)},c,c.exports)}return t[e].exports}for(var o="function"==typeof require&&require,i=0;e.length>i;i++)r(e[i]);return r}({qimage:[function(n,t){t.exports=n("rUxa6L")},{}],rUxa6L:[function(n,t,e){(function(n){"object"==typeof e?t.exports=n():window.Qimage=n()})(function(){var t=window.Q||n("q"),e=function(n){var e=new Image,r=t.defer();return e.onload=function(){r.resolve(e)},e.onabort=function(n){r.reject(n)},e.onerror=function(n){r.reject(n)},e.src=n,r.promise};return e})},{q:1}],2:[function(n,t){var e=t.exports={};e.nextTick=function(){var n="undefined"!=typeof window&&window.setImmediate,t="undefined"!=typeof window&&window.postMessage&&window.addEventListener;if(n)return function(n){return window.setImmediate(n)};if(t){var e=[];return window.addEventListener("message",function(n){if(n.source===window&&"process-tick"===n.data&&(n.stopPropagation(),e.length>0)){var t=e.shift();t()}},!0),function(n){e.push(n),window.postMessage("process-tick","*")}}return function(n){setTimeout(n,0)}}(),e.title="browser",e.browser=!0,e.env={},e.argv=[],e.binding=function(){throw Error("process.binding is not supported")},e.cwd=function(){return"/"},e.chdir=function(){throw Error("process.chdir is not supported")}},{}],1:[function(n,t,e){(function(n){(function(n){if("function"==typeof bootstrap)bootstrap("promise",n);else if("object"==typeof e)t.exports=n();else if("function"==typeof define&&define.amd)define(n);else if("undefined"!=typeof ses){if(!ses.ok())return;ses.makeQ=n}else Q=n()})(function(){"use strict";function t(n){var t=Function.call;return function(){return t.apply(n,arguments)}}function e(n){return n===Object(n)}function r(n){return"[object StopIteration]"===gt(n)||n instanceof at}function o(n,t){if(it&&t.stack&&"object"==typeof n&&null!==n&&n.stack&&-1===n.stack.indexOf(jt)){for(var e=[],r=t;r;r=r.source)r.stack&&e.unshift(r.stack);e.unshift(n.stack);var o=e.join("\n"+jt+"\n");n.stack=i(o)}}function i(n){for(var t=n.split("\n"),e=[],r=0;t.length>r;++r){var o=t[r];a(o)||u(o)||!o||e.push(o)}return e.join("\n")}function u(n){return-1!==n.indexOf("(module.js:")||-1!==n.indexOf("(node.js:")}function c(n){var t=/at .+ \((.+):(\d+):(?:\d+)\)$/.exec(n);if(t)return[t[1],Number(t[2])];var e=/at ([^ ]+):(\d+):(?:\d+)$/.exec(n);if(e)return[e[1],Number(e[2])];var r=/.*@(.+):(\d+)$/.exec(n);return r?[r[1],Number(r[2])]:void 0}function a(n){var t=c(n);if(!t)return!1;var e=t[0],r=t[1];return e===ct&&r>=ft&&Et>=r}function f(){if(it)try{throw Error()}catch(n){var t=n.stack.split("\n"),e=t[0].indexOf("@")>0?t[1]:t[2],r=c(e);if(!r)return;return ct=r[0],r[1]}}function s(n,t,e){return function(){return"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(t+" is deprecated, use "+e+" instead.",Error("").stack),n.apply(n,arguments)}}function p(n){return O(n)}function l(){function n(n){t=n,i.source=n,dt(e,function(t,e){pt(function(){n.promiseDispatch.apply(n,e)})},void 0),e=void 0,r=void 0}var t,e=[],r=[],o=yt(l.prototype),i=yt(m.prototype);if(i.promiseDispatch=function(n,o,i){var u=lt(arguments);e?(e.push(u),"when"===o&&i[1]&&r.push(i[1])):pt(function(){t.promiseDispatch.apply(t,u)})},i.valueOf=s(function(){if(e)return i;var n=v(t);return y(n)&&(t=n),n},"valueOf","inspect"),i.inspect=function(){return t?t.inspect():{state:"pending"}},p.longStackSupport&&it)try{throw Error()}catch(u){i.stack=u.stack.substring(u.stack.indexOf("\n")+1)}return o.promise=i,o.resolve=function(e){t||n(O(e))},o.fulfill=function(e){t||n(E(e))},o.reject=function(e){t||n(T(e))},o.notify=function(n){t||dt(r,function(t,e){pt(function(){e(n)})},void 0)},o}function d(n){if("function"!=typeof n)throw new TypeError("resolver must be a function.");var t=l();return I(n,t.resolve,t.reject,t.notify).fail(t.reject),t.promise}function m(n,t,e){void 0===t&&(t=function(n){return T(Error("Promise does not support operation: "+n))}),void 0===e&&(e=function(){return{state:"unknown"}});var r=yt(m.prototype);if(r.promiseDispatch=function(e,o,i){var u;try{u=n[o]?n[o].apply(r,i):t.call(r,o,i)}catch(c){u=T(c)}e&&e(u)},r.inspect=e,e){var o=e();"rejected"===o.state&&(r.exception=o.reason),r.valueOf=s(function(){var n=e();return"pending"===n.state||"rejected"===n.state?r:n.value})}return r}function v(n){if(y(n)){var t=n.inspect();if("fulfilled"===t.state)return t.value}return n}function y(n){return e(n)&&"function"==typeof n.promiseDispatch&&"function"==typeof n.inspect}function h(n){return e(n)&&"function"==typeof n.then}function w(n){return y(n)&&"pending"===n.inspect().state}function g(n){return!y(n)||"fulfilled"===n.inspect().state}function k(n){return y(n)&&"rejected"===n.inspect().state}function j(){_t||"undefined"==typeof window||window.Touch||!window.console||console.warn("[Q] Unhandled rejection reasons (should be empty):",bt),_t=!0}function b(){for(var n=0;bt.length>n;n++){var t=bt[n];t&&t.stack!==void 0?console.warn("Unhandled rejection reason:",t.stack):console.warn("Unhandled rejection reason (no stack):",t)}}function x(){bt.length=0,xt.length=0,_t=!1,Rt||(Rt=!0,n!==void 0&&n.on&&n.on("exit",b))}function _(n,t){Rt&&(xt.push(n),bt.push(t),j())}function R(n){if(Rt){var t=mt(xt,n);-1!==t&&(xt.splice(t,1),bt.splice(t,1))}}function T(n){var t=m({when:function(t){return t&&R(this),t?t(n):this}},function(){return this},function(){return{state:"rejected",reason:n}});return _(t,n),t}function E(n){return m({when:function(){return n},get:function(t){return n[t]},set:function(t,e){n[t]=e},"delete":function(t){delete n[t]},post:function(t,e){return null===t||void 0===t?n.apply(void 0,e):n[t].apply(n,e)},apply:function(t,e){return n.apply(t,e)},keys:function(){return wt(n)}},void 0,function(){return{state:"fulfilled",value:n}})}function O(n){return y(n)?n:h(n)?q(n):E(n)}function q(n){var t=l();return pt(function(){try{n.then(t.resolve,t.reject,t.notify)}catch(e){t.reject(e)}}),t.promise}function S(n){return m({isDef:function(){}},function(t,e){return M(n,t,e)},function(){return O(n).inspect()})}function N(n,t,e,r){return p(n).then(t,e,r)}function D(n,t,e){return N(n,function(n){return C(n).then(function(n){return t.apply(void 0,n)},e)},e)}function P(n){return function(){function t(n,t){var u;if(kt){try{u=e[n](t)}catch(c){return T(c)}return u.done?u.value:N(u.value,o,i)}try{u=e[n](t)}catch(c){return r(c)?c.value:T(c)}return N(u,o,i)}var e=n.apply(this,arguments),o=t.bind(t,"send"),i=t.bind(t,"throw");return o()}}function z(n){p.done(p.async(n)())}function A(n){throw new at(n)}function F(n){return function(){return D([this,C(arguments)],function(t,e){return n.apply(t,e)})}}function M(n,t,e){var r=l();return pt(function(){O(n).promiseDispatch(r.resolve,t,e)}),r.promise}function Z(n){return function(t){var e=lt(arguments,1);return M(t,n,e)}}function L(n,t){var e=lt(arguments,2);return Tt(n,t,e)}function U(n,t){return M(n,"apply",[void 0,t])}function I(n){var t=lt(arguments,1);return U(n,t)}function V(n){var t=lt(arguments,1);return function(){var e=t.concat(lt(arguments));return M(n,"apply",[this,e])}}function C(n){return N(n,function(n){var t=0,e=l();return dt(n,function(r,o,i){var u;y(o)&&"fulfilled"===(u=o.inspect()).state?n[i]=u.value:(++t,N(o,function(r){n[i]=r,0===--t&&e.resolve(n)},e.reject))},void 0),0===t&&e.resolve(n),e.promise})}function Q(n){return N(n,function(n){return n=vt(n,O),N(C(vt(n,function(n){return N(n,st,st)})),function(){return n})})}function $(n){return N(n,function(n){return C(vt(n,function(t,e){return N(t,function(t){return n[e]={state:"fulfilled",value:t},n[e]},function(t){return n[e]={state:"rejected",reason:t},n[e]})})).thenResolve(n)})}function H(n,t){return N(n,void 0,t)}function B(n,t){return N(n,void 0,void 0,t)}function W(n,t){return N(n,function(n){return N(t(),function(){return n})},function(n){return N(t(),function(){return T(n)})})}function G(t,e,r,i){var u=function(n){pt(function(){if(o(n,t),!p.onerror)throw n;p.onerror(n)})},c=e||r||i?N(t,e,r,i):t;"object"==typeof n&&n&&n.domain&&(u=n.domain.bind(u)),H(c,u)}function J(n,t,e){var r=l(),o=setTimeout(function(){r.reject(Error(e||"Timed out after "+t+" ms"))},t);return N(n,function(n){clearTimeout(o),r.resolve(n)},function(n){clearTimeout(o),r.reject(n)},r.notify),r.promise}function K(n,t){void 0===t&&(t=n,n=void 0);var e=l();return N(n,void 0,void 0,e.notify),setTimeout(function(){e.resolve(n)},t),e.promise}function X(n,t){var e=lt(t),r=l();return e.push(r.makeNodeResolver()),U(n,e).fail(r.reject),r.promise}function Y(n){var t=lt(arguments,1),e=l();return t.push(e.makeNodeResolver()),U(n,t).fail(e.reject),e.promise}function nt(n){var t=lt(arguments,1);return function(){var e=t.concat(lt(arguments)),r=l();return e.push(r.makeNodeResolver()),U(n,e).fail(r.reject),r.promise}}function tt(n,t){var e=lt(arguments,2);return function(){function r(){return n.apply(t,arguments)}var o=e.concat(lt(arguments)),i=l();return o.push(i.makeNodeResolver()),U(r,o).fail(i.reject),i.promise}}function et(n,t,e){var r=lt(e||[]),o=l();return r.push(o.makeNodeResolver()),Tt(n,t,r).fail(o.reject),o.promise}function rt(n,t){var e=lt(arguments,2),r=l();return e.push(r.makeNodeResolver()),Tt(n,t,e).fail(r.reject),r.promise}function ot(n,t){return t?(n.then(function(n){pt(function(){t(null,n)})},function(n){pt(function(){t(n)})}),void 0):n}var it=!1;try{throw Error()}catch(ut){it=!!ut.stack}var ct,at,ft=f(),st=function(){},pt=function(){function t(){for(;e.next;){e=e.next;var n=e.task;e.task=void 0;var r=e.domain;r&&(e.domain=void 0,r.enter());try{n()}catch(i){if(u)throw r&&r.exit(),setTimeout(t,0),r&&r.enter(),i;setTimeout(function(){throw i},0)}r&&r.exit()}o=!1}var e={task:void 0,next:null},r=e,o=!1,i=void 0,u=!1;if(pt=function(t){r=r.next={task:t,domain:u&&n.domain,next:null},o||(o=!0,i())},n!==void 0&&n.nextTick)u=!0,i=function(){n.nextTick(t)};else if("function"==typeof setImmediate)i="undefined"!=typeof window?setImmediate.bind(window,t):function(){setImmediate(t)};else if("undefined"!=typeof MessageChannel){var c=new MessageChannel;c.port1.onmessage=t,i=function(){c.port2.postMessage(0)}}else i=function(){setTimeout(t,0)};return pt}(),lt=t(Array.prototype.slice),dt=t(Array.prototype.reduce||function(n,t){var e=0,r=this.length;if(1===arguments.length)for(;;){if(e in this){t=this[e++];break}if(++e>=r)throw new TypeError}for(;r>e;e++)e in this&&(t=n(t,this[e],e));return t}),mt=t(Array.prototype.indexOf||function(n){for(var t=0;this.length>t;t++)if(this[t]===n)return t;return-1}),vt=t(Array.prototype.map||function(n,t){var e=this,r=[];return dt(e,function(o,i,u){r.push(n.call(t,i,u,e))},void 0),r}),yt=Object.create||function(n){function t(){}return t.prototype=n,new t},ht=t(Object.prototype.hasOwnProperty),wt=Object.keys||function(n){var t=[];for(var e in n)ht(n,e)&&t.push(e);return t},gt=t(Object.prototype.toString);at="undefined"!=typeof ReturnValue?ReturnValue:function(n){this.value=n};var kt;try{Function("(function* (){ yield 1; })"),kt=!0}catch(ut){kt=!1}var jt="From previous event:";p.nextTick=pt,p.longStackSupport=!1,p.defer=l,l.prototype.makeNodeResolver=function(){var n=this;return function(t,e){t?n.reject(t):arguments.length>2?n.resolve(lt(arguments,1)):n.resolve(e)}},p.promise=d,p.makePromise=m,m.prototype.then=function(n,t,e){function r(t){try{return"function"==typeof n?n(t):t}catch(e){return T(e)}}function i(n){if("function"==typeof t){o(n,c);try{return t(n)}catch(e){return T(e)}}return T(n)}function u(n){return"function"==typeof e?e(n):n}var c=this,a=l(),f=!1;return pt(function(){c.promiseDispatch(function(n){f||(f=!0,a.resolve(r(n)))},"when",[function(n){f||(f=!0,a.resolve(i(n)))}])}),c.promiseDispatch(void 0,"when",[void 0,function(n){var t,e=!1;try{t=u(n)}catch(r){if(e=!0,!p.onerror)throw r;p.onerror(r)}e||a.notify(t)}]),a.promise},m.prototype.thenResolve=function(n){return N(this,function(){return n})},m.prototype.thenReject=function(n){return N(this,function(){throw n})},dt(["isFulfilled","isRejected","isPending","dispatch","when","spread","get","set","del","delete","post","send","mapply","invoke","mcall","keys","fapply","fcall","fbind","all","allResolved","timeout","delay","catch","finally","fail","fin","progress","done","nfcall","nfapply","nfbind","denodeify","nbind","npost","nsend","nmapply","ninvoke","nmcall","nodeify"],function(n,t){m.prototype[t]=function(){return p[t].apply(p,[this].concat(lt(arguments)))}},void 0),m.prototype.toSource=function(){return""+this},m.prototype.toString=function(){return"[object Promise]"},p.nearer=v,p.isPromise=y,p.isPromiseAlike=h,p.isPending=w,p.isFulfilled=g,p.isRejected=k;var bt=[],xt=[],_t=!1,Rt=!0;p.resetUnhandledRejections=x,p.getUnhandledReasons=function(){return bt.slice()},p.stopUnhandledRejectionTracking=function(){x(),n!==void 0&&n.on&&n.removeListener("exit",b),Rt=!1},x(),p.reject=T,p.fulfill=E,p.resolve=O,p.master=S,p.when=N,p.spread=D,p.async=P,p.spawn=z,p["return"]=A,p.promised=F,p.dispatch=M,p.dispatcher=Z,p.get=Z("get"),p.set=Z("set"),p["delete"]=p.del=Z("delete");var Tt=p.post=Z("post");p.mapply=Tt,p.send=L,p.invoke=L,p.mcall=L,p.fapply=U,p["try"]=I,p.fcall=I,p.fbind=V,p.keys=Z("keys"),p.all=C,p.allResolved=s(Q,"allResolved","allSettled"),p.allSettled=$,p["catch"]=p.fail=H,p.progress=B,p["finally"]=p.fin=W,p.done=G,p.timeout=J,p.delay=K,p.nfapply=X,p.nfcall=Y,p.nfbind=nt,p.denodeify=p.nfbind,p.nbind=tt,p.npost=et,p.nmapply=et,p.nsend=rt,p.ninvoke=p.nsend,p.nmcall=p.nsend,p.nodeify=ot;var Et=f();return p})})(n("__browserify_process"))},{__browserify_process:2}]},{},[]);var Zanimo=require("zanimo"),Qimage=require("qimage");Zanimo(setup()).then(Zanimo.transitionf("background-color","rgb(232,213,100)",500)).then(Zanimo.transitionf("transform","translate3d(200px, 200px, 0)",500)).then(Zanimo.transitionf("transform","translate3d(200px, 200px, 0) rotateZ(280deg)",300)).then(Zanimo.transitionf("transform","rotateZ(-125deg)",100)).then(Zanimo.transitionf("transform","scale(0.001)",500));

page-head.html

<style type='text/css'>html, body { margin: 0; padding: 0; border: 0; }
body, html { height: 100%; width: 100%; }</style>