我正在使用 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
最佳答案
translateX() 是一个二维变换。 MDN没有在任何地方明确说明这一点，而现已解散的 WebPlatform.org说:
Summary
Transform function for a 2d translation which moves an element on the x-axis by the given value.
在 css-transforms 规范中，它列在 §15.1 2D Transform Functions 下.
关于css - 哪个 Modernizr css 类决定是否可以使用 translateX()？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41420351/