可以通过javascript访问多少CSS3?

时间:2013-09-30 16:33:35

标签: javascript css3

一直在思考这个问题,只是因为我不想花很多时间做试错:

我可以通过优秀的'ol javascript访问多少css3属性?

或换句话说:

我可以使用元素的-webkit-, - moz-等属性吗?同样,我可以将其添加到元素中吗?

请注意,创建一个样式,然后附加它并最终将该元素的属性设置为该类,不会因为我的想法而削减它:\

3 个答案:

答案 0 :(得分:0)

查看modernizr以检查是否存在支持。

对于不同浏览器的前缀,您可以使用Prefixr

如果您使用SASS,请查看Bourbon

答案 1 :(得分:0)

几乎所有东西都可以在节点级别设置。弱点在于与实际的CSS一起工作。您当然可以设置-webkit或-moz属性。只需删除“ - ”并在引用属性时使用驼峰大小写。请注意,相同的转换不适用于值(请参见下文)。所以-webkit-transition-property成为webkitTransitionProperty。将这些元素添加到元素是通过style属性完成的。所以

node.style.webkitTransitionProperty = "-webkit-transform";

答案 2 :(得分:0)

我想说如果CSS3可以做到这一点,javascript可以做到这一点,但这可能取决于浏览器。但是你可以假设几乎每个样式属性都可以通过javascript来操作。请注意,名称可以与-mox-boxshadow和javascript element.style.mozBoxShadow

不同