odom

gistfile1.js

module.exports = function(jObj) {
  var obj;
  obj = {
    _y: 1000,
    _x: 1000,
    _opacity: 0,
    dom: jObj
  };
  Object.defineProperty(obj, "y", {
    get: function() {
      return obj._y;
    },
    set: function(val) {
      obj._y = val;
      return obj.dom.css({
        "transform": "translate3d(0, " + obj._y + "%, 0)"
      });
    }
  });
  Object.defineProperty(obj, "x", {
    get: function() {
      return obj._x;
    },
    set: function(val) {
      obj._x = val;
      return obj.dom.css({
        "transform": "translate3d(" + obj._x + "%, 0, 0)"
      });
    }
  });
  Object.defineProperty(obj, "opacity", {
    get: function() {
      return obj._opacity;
    },
    set: function(val) {
      return obj.dom.css("opacity", obj._opacity);
    }
  });
  return obj;
};

odom.coffee

module.exports = (jObj)->
  obj =
    _y: 1000
    _x: 1000
    _opacity: 0
    dom: jObj

  Object.defineProperty obj, "y",
    get:-> obj._y
    set:(val)->
      obj._y = val
      obj.dom.css
        "transform": "translate3d(0, #{obj._y}%, 0)"
        
  Object.defineProperty obj, "x",
    get:-> obj._x
    set:(val)->
      obj._x = val
      obj.dom.css
        "transform": "translate3d(#{obj._x}%, 0, 0)"

  Object.defineProperty obj, "opacity",
    get:-> obj._opacity
    set:(val)->
      obj.dom.css "opacity", obj._opacity

  obj

odom = require "odom"

title = odom $(".title")

TweenLite.to title, 1, y:1000, ease:Expo.easeOut