个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
33
4
我有这个 html，它在 Chrome、Safari 和 Mobile Safari 上运行良好。
<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
<div style="position:relative;-webkit-perspective:1000;width:300px;height:50px">
<div style="position:relative;width:300px;height:50px;-webkit-transform-origin:0px 25px 0px;-webkit-transform-style:preserve-3d;">
<div style="position:absolute;width:300px;height:50px;-webkit-transform:translateZ(125px);background-image:url(http://i855.photobucket.com/albums/ab119/ansherina6/banner2-1.png)"></div>
</div></div>
</body></html>在 android 4.0.3 上，translateZ 没有对 div 显示任何(期望的)效果。除了 translateZ，其他一切都正常。如果我使用 translate3D(a,b,c)，那么同样只有 X 和 Y 值会影响渲染。有什么解决方法吗？
最佳答案
根据 caniuse android 4 及更高版本支持翻译。但是，我有一种预感，更具体的 3D 变换(如 z 轴上的平移)不会获得如此广泛的支持，尤其是在不支持 webgl 的浏览器中。我认为如果关键是有后备:transformie
关于android - 3d css 转换 (translateZ) 不能在 android 4.0.3 上运行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12506860/
33
4
0
我正在尝试为我的菜单添加一个新的悬停效果，我在这里用 HTML/CSS 模拟它: https://codepen.io/anon/pen/dWOBNG HTML flip
我使用后效创建了以下动画: https://imgur.com/G7bPnNc After Effects 上有一个按钮，用于设置沿 z 轴的移动: https://imgur.com/a/dq2oc
我正在尝试在 CSS 中创建不同的内容层，但是 translateZ似乎没有修改元素的深度。我使用了一些 codepen 代码来制作 3d 效果。 这是 HTML、CSS 和 Javascript 代
This issue is now in the Chromium bug tracker: https://bugs.chromium.org/p/chromium/issues/detail?id
我使用 3D CSS 转换创建了一个旋转的立方体效果。为了实现这一点，我对子元素进行了此转换: transform: translateY(-50%) translateZ(-75px) rotat
以下简单的 POC 代码的 translateZ 在 Firefox 上有效，但在 Chrome 上无效。 translateX, translateY 部分适用于两种浏览器。代码有什么问题？谢谢。
我有一个正在制作动画的 div，我正在使用老式的 translateZ hack 来强制硬件加速: #random{ -webkit-transform: translateZ(0);
当我将鼠标悬停在图像上时，过渡工作正常，除了当鼠标从该图像上移开时前图像(旋转锁的图像)仅在 Z 方向平移 20 像素。我希望旋转锁图像始终在前面 20 像素。 另外，为什么刚悬停旋转锁定图片会变小一
我一直在尝试使用 translateZ 将子元素“list”隐藏在父元素“div2”的后面。它在 chrome 中运行得非常好，但在 firefox 上却不行。请一些人帮忙。 链接到 JSFiddle
我正在尝试实现这个 http://codepen.io/keithclark/pen/JycFw但在使用移动设备的 chrome 中经历了严重的轻弹和滞后。 #slide1:before { ba
为什么中心元素(具有最低的 translateZ 值)并不总是出现在顶部？ http://codepen.io/robgordon/pen/BKzVOp hello hello hell
我有一个 a 标签，它链接到另一个页面。当用户单击此链接时，我触发了一个 mouseDown 事件，它向该元素应用了一点 translateZ。 奇怪的是，在 translateZ 之后，鼠标弹起或单
抱歉，这似乎很基本，但是我在网上搜索了却找不到其他答案(这使我觉得自己在做一些愚蠢的事情)。 我有一个 parent 和一个 child div。我正在尝试将CSS3 translationZ应用
在此jsFiddle我创建了一个 100% 宽度的立方体，当按下按钮时它会水平旋转。然而，立方体向前移动，就像按比例放大一样，所以我向它添加了一个 translateZ 函数。由于多维数据集的动态大小
我正在尝试通过应用 3-d 变换来创建视差效果，其中不同的元素以不同的速度滚动 问题 我有一个带有 parallax 类的容器。每当我在其中添加一个包含在 Z 坐标上转换的多个层的 div 时，容器底
我正在寻找一种方法来缩放一系列居中的标题，但是如果窗口按比例缩小，文本会从容器元素中断开(很难描述；)每个标题都需要保持在一行上并且居中。 你可以看看我在这里说的是什么: http://codepen
我使用以下标记 CSS .container{ perspective: 800px; transform-style: preserve-3d; } .ite
这是我的第一个问题，因为我没有找到任何关于为什么会这样或如何解决这个问题的答案。 我在 .base 上有一个元素 (.top)，但阴影看起来不太好。看起来阴影是在元素 .top 所在的位置创建的。如何
我有一个带有按钮的应用程序。当您单击所述按钮时，会出现一个下拉菜单，其中具有以下 css 属性: 位置:固定 我发现了以下解决方法:-webkit-transform: translateZ(0);
与许多其他类似问题一样，我想在 three.js 中向前移动一个对象基于它的旋转。不同的是，我不能使用 object.translateZ .这是因为我使用的是物理模拟器，如果我那样更新对象，它会搞砸
我是一名优秀的程序员,十分优秀！