elierotenberg

/** @jsx React.DOM */
var React = require("react");
var AnimateMixin = require("react-animate");
var fromCSS = require("react-css").fromCSS;

var from = fromCSS("{" +
    "transform: rotate(0deg);" +
    "background-color: blue;" +
    "margin: 50px;" +
    "width: 200px;" +

elierotenberg

/** @jsx React.DOM */
var React = require("react");
var fromCSS = require("react-css").fromCSS;

var myStyle = fromCSS("{" +
    "transform: rotate(20deg);" +
    "background-color: red;" +
    "width: 100px;" +
    "margin: 50px;" +
"}");

elierotenberg

/** @jsx React.DOM */
var React = require("react");
var AnimateMixin = require("react-animate");

var SimpleAnimation = React.createClass({
    mixins: [AnimateMixin],
    getInitialState: function getInitialState() {
        return {
            showoff: false,
        };

elierotenberg

var _ = require("lodash");
var d3 = require("d3");
var raf = require("raf");

var getInterpolator = function getInterpolator(from, to) {
	return d3.interpolate(from, to);
};

var startInterpolation = function startInterpolation(properties, easing, duration, onTick, onComplete) {
	var aborted = false;