哪个 Modernizr css class 决定是否可以使用 translateX()?
Which Modernizr css class determines if translateX() can be used?
我正在使用 HTML5、CSS3、jQuery 和 Modernizr(用于特征检测)对抽屉菜单中的幻灯片进行编码。
我的目标是最新的 5 种浏览器以及 IE8 及更高版本,并且正在使用 transform: translateX(x)
(IE8 不支持)抽屉动画(从屏幕左侧滑入。)
我想使用 Modernizr 检测 transform: translateX(x)
是否可用,但不确定 transform: translateX(x)
是“2D 变换”还是“3D 变换”。
问题是:应该使用哪个 Modernizr CSS class(在页面 <body>
标签中设置)?
Modernizr CSS 选择是:
csstransforms
或 csstransforms3d
translateX()
是二维变换。 MDN does not explicitly state this anywhere, while the now-defunct 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.
下
我正在使用 HTML5、CSS3、jQuery 和 Modernizr(用于特征检测)对抽屉菜单中的幻灯片进行编码。
我的目标是最新的 5 种浏览器以及 IE8 及更高版本,并且正在使用 transform: translateX(x)
(IE8 不支持)抽屉动画(从屏幕左侧滑入。)
我想使用 Modernizr 检测 transform: translateX(x)
是否可用,但不确定 transform: translateX(x)
是“2D 变换”还是“3D 变换”。
问题是:应该使用哪个 Modernizr CSS class(在页面 <body>
标签中设置)?
Modernizr CSS 选择是:
csstransforms
或 csstransforms3d
translateX()
是二维变换。 MDN does not explicitly state this anywhere, while the now-defunct 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.
下