El proveedor prefijado con javascript

Los elementos de estilo con CSS usando JavaScript pueden ser tediosos, especialmente cuando se trata de prefijos de Vendor. El enfoque tradicional implica establecer manualmente cada propiedad prefijada, como se ve en el bloque de código:

var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;

una solución simplificada

Para simplificar este proceso, se puede crear una función personalizada:

function setVendor(element, property, value) {
  element.style["webkit"   property] = value;
  element.style["moz"   property] = value;
  element.style["ms"   property] = value;
  element.style["o"   property] = value;
}

Esta función toma tres parámetros: el elemento al estilo, la propiedad a establecer y el valor deseado. Se iene a través de los prefijos compatibles y establece los estilos apropiados.

use

usando la función setVendor, el bloque de código anterior puede simplificarse para:

setVendor(elem, "Transform", transform);