meh.js

// All the transform types.
const types = [
  "translate",
  "translateX",
  "translateY",
  "scale",
  "scaleX",
  "scaleY",
  "rotate",
  "skew",
  "skewX",
  "skewY",
  "matrix3d",
  "translate3d",
  "translateZ",
  "scale3d",
  "scaleZ",
  "rotate3d",
  "rotateX",
  "rotateY",
  "rotateZ",
  "perspective"
]

const props = {}

types.forEach(type => {
  Object.defineProperty(props, type, {
    set: function(value) {
      if (!~this.transform.indexOf(type)) {
        this.transform.splice(0, 0, `${type}(${value})`)
      }
      else {
        this.transform.replace(new RegExp(`${type}\((.*)\)`, "gi"), value)
      }
    }
  })
})

// Deal with it 😠
CSSStyleDeclaration.prototype.transforms = props