CSS 转换,2D 作为 3D 的后备?

标签 css transform

这应该是一个简单的答案,我似乎无法通过 Google 找到它。

如果用户不支持 3D,此 CSS 代码是否涵盖我?

transform: translate3d(-15px, -15px, 0) scale3d(1.05, 1.05, 1);
transform: translate(-15px, -15px) scale(1.05, 1.05);
-webkit-transform: translate3d(-15px, -15px, 0) scale3d(1.05, 1.05, 1);
-webkit-transform: translate(-15px, -15px) scale(1.05, 1.05)

换句话说,如果 3D 有效,是否会忽略 2D 版本?

最佳答案

In other words, are the 2D versions ignored if 3D works

不像您当前编写的属性那样——您需要颠倒它们的顺序。

浏览器应该忽略它们无法理解的声明。

所以 2D 变换应该先进行,这样如果浏览器不“理解”以下尝试使用 3D 的变换声明,它们就会被应用。 (否则,对于理解两者的浏览器,您的第二个 2D 转换将简单地覆盖第一个 3D。)

关于CSS 转换,2D 作为 3D 的后备?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28316349/

相关文章:

html - Outlook 中的比例 html 图像

transform - 让 slerp 像 LookAt(x,Vector3.Right) 一样工作

iOS动画旋转一个角度

python - 如何在 Pygame 中翻转图像,在我的代码中遇到问题?

xml - 链接、xsl 以及为什么 chrome 连接换行符(又名 %0A 十六进制符号)

jquery - 我可以在 redactor 编辑器中自定义标题标签(h1、h2、h3 ...)吗?

html - 另一个网格的单元格内的网格容器

html - 如何制作一个导航栏来引导我创建的其他 html 页面?

html - 如何制作粘在页面右侧的 suckerfish/superfish CSS 下拉菜单?

wpf - TransformToDevice 在 Windows 8.1 上不返回正确的 DPI 系数