getSupportedTransformProperty.js

getSupportedTransformProperty.js

'use strict';

var TRANSFORM_VARIANTS = {
  'WebkitTransform': '-webkit-transform',
  'Transform': 'transform'
};

function test() {
  var testEl = document.createElement('div'),
      style = testEl.style;

  for (let [jsProp, cssProp] of Object.entries(TRANSFORM_VARIANTS)) {
    style[jsProp] = `translate3d(0, 0, 0)`;

    if (style[jsProp].length) {
      return {
        js: jsProp,
        css: cssProp
      };
    }
  }
}

var property;
function getSupportedTransformProperty() {
  if (!property) {
    property = test();
  }

  return property;
}

module.exports = getSupportedTransformProperty;