哪个Modernizr css类确定是否可以使用translateX()?

时间:2017-01-02 00:53:59

标签: css css3 css-transforms modernizr

我正在使用HTML5,CSS3,jQuery和Modernizr(用于特征检测)在抽屉菜单中编写幻灯片。

我的目标是最新的5个浏览器加上IE8及以上,我使用transform: translateX(x)(IE8不支持)抽屉动画(从屏幕左侧滑入。)

我想使用Modernizr来检测transform: translateX(x)是否可用但不确定transform: translateX(x)是'2D变换'还是'3D变换'。

问题是:应该使用哪个Modernizr CSS类(在页面<body>标签中设置)?

Modernizr CSS的选择是:

csstransformscsstransforms3d

1 个答案:

答案 0 :(得分:1)

translateX()是2D变换。 MDN并未在任何地方明确说明这一点,而现已解散的WebPlatform.org表示:

  

摘要

     

转换2d平移的函数,它将x轴上的元素移动给定值。

在css-transforms规范中,它列在§15.1 2D Transform Functions下。