供应商前缀javascript中的css3属性

Question

我正在尝试添加网格的高度和宽度各自的动画持续时间css3属性。我使用这个代码div.style.animationDuration。它适合我。

我关心的是如何在像-MS-动画持续时间JS添加供应商名称CSS3属性的动画持续时间

Answer 1

一般供应商前缀在JavaScript中的CSS如下：

为

1. MOZ Mozilla Firefox浏览器
2. 的WebKit为谷歌Chrome，苹果Safari和其它基于 WebKit的浏览器
3. 毫秒为Microsoft Internet Explorer

4. o对于歌剧

   因此，你可以用div.style.webkitAnimationDuration

更换div.style.animationDuration要处理一般的这个问题，你可以写一个方法

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

在这里阅读更多https://www.kirupa.com/html5/vendor_prefixes_javascript.htm

Answer 2

而不是像这样选择元素：

element.style.color = 'red'; 
element.style.fontSize = '2em'; 

尝试：

element.style.cssText = 'color: red; font-size: 2em'; 

style.cssText是一次添加多个样式，甚至棘手那些需要前缀是有用的。