No CSS exitem algumas propriedades que precisam de um prefixo para alguns navegadores, por exemplo:
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-ms-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
Se eu quiser alterar essas propriedades de um elemento pelo JavaScript, uso:
document.querySelector('#myElment').style.transition = 'all 4s ease';
Ao mudar a propriedade
style.transition
é o suficiente para que funcione em todos navegadores?É necessário aplicar algum prefixo? Quais são?
As propriedades que precisam aplicar esses prefixos são as memas que precisam aplicar os prefixos do CSS?
Preciso aplicar esse prefixo em todos os navegadores (assim como no CSS) ou apenas o de cada navegador?
Devo alterar essas propriedades de forma que o último seja sempre sem prefixo para que tenha prioridade sobre os demais (quando disponível) ou tanto faz?
.style.webkitTransition
,.style.mozTransition
etc... Se a propriedadetransition
necessita de um prefixo para certo navegador, só.style.transition
não vai fazer efeito.