vendor Prefixando com javascript

elementos com CSS usando JavaScript pode ser entediante, especialmente ao lidar com os prefixos de fornecedores. A abordagem tradicional envolve definir manualmente cada propriedade prefixada, como visto no bloco 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;

uma solução simplificada

para simplificar esse processo, uma função personalizada pode ser criada:

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 função leva três parâmetros: o elemento a estilo, a propriedade a serem definidos e o valor desejado. Ele itera através dos prefixos suportados e define os estilos apropriados. ] setVendor (elem, "transform", transform);

Esta linha de código aplica efetivamente o estilo de transformação com todos os prefixos de fornecedores necessários, tornando o estilo uma brisa.