我正在使用HTML5,CSS3,jQuery和Modernizr(用于特征检测)在抽屉菜单中编写幻灯片。
我的目标是最新的5个浏览器加上IE8及以上,我使用transform: translateX(x)
(IE8不支持)抽屉动画(从屏幕左侧滑入。)
我想使用Modernizr来检测transform: translateX(x)
是否可用但不确定transform: translateX(x)
是'2D变换'还是'3D变换'。
问题是:应该使用哪个Modernizr CSS类(在页面<body>
标签中设置)?
Modernizr CSS的选择是:
csstransforms
或csstransforms3d
答案 0 :(得分:1)
translateX()
是2D变换。 MDN并未在任何地方明确说明这一点,而现已解散的WebPlatform.org表示:
摘要
转换2d平移的函数,它将x轴上的元素移动给定值。
在css-transforms规范中,它列在§15.1 2D Transform Functions下。