问题标签 [webkit-transform]

我正在使用-webkit-transform: rotate()Chrome 14.0.835.2 dev-m 旋转一个元素，它对元素内的文本做了一些非常奇怪的事情。当您使用“平滑”抗锯齿而不是“清晰”旋转文本时，它让我想起了在 Photoshop 中获得的类似效果。

有人知道这里发生了什么吗？它是特定于这个 webkit 或 Chrome 版本的还是我可以做些什么来修复它？（它也不是抗锯齿列表元素之间的边界）

这是CSS：

谁能解释或指出translate3d正在使用（webkit 转换）中的“z”的示例？我已经成功地用于translate3d(x,y,0)在移动 Safari 上获得硬件加速的 2D 动画，但现在我正在尝试使用 z 参数进行缩放，但它似乎没有任何效果......

旁注：我正在尝试构建一个可以在 ios 上顺利运行的小型缩放脚本。

Firefox 中是否有-webkit-transformCSS 规则的替代方案？

我正在使用 iScroll 来提供 iPhone 风格的滚动。但是，当点击文本框时，键盘不会出现。

在尝试查找可能的原因时，我发现删除iScroll脚本使其正常工作，但在这种情况下我错过了滚动功能。

这是 iScroll 中的错误吗？如果是，是否有经过测试的解决方法？或者 iScroll 有什么替代品吗？

提前致谢。

所以这更像是一个好奇的问题，而不是一个实际的问题，所以请多多包涵。我刚刚签出：

http://www.apple.com/iphone/

封面幻灯片对我来说真的很令人印象深刻。我不想复制它，但我只是对它的工作原理真正感兴趣。根据我的检查，他们只是使用了一堆定时的 webkit 转换/转换，但我不知道到底发生了什么。

此外，有没有一种简单的方法可以创建这种行为而无需对其进行硬编码，因为这就是我现在要做的。

已解决- 问题是进行旋转会将一半元素放在网页的中性（零）Z 轴后面，而 WebKit 显然不允许鼠标事件通过那个“中性”平面。因此，将旋转点更改为面板的右/左边缘解决了它。很奇怪，但现在它有效。

我有一个带有四个面板的简单 HTML5/CSS3 页面。这些面板使用 -webkit-transform 将它们形成一个很好的排列。在 :hover 上，我使用 -webkit-transform 将面板带到前台。代码如下。

发生的情况是 :hover 动作不可靠。如果我在面板上滑动鼠标，通常会在鼠标悬停在面板上时停止移动鼠标，但面板仍处于其原始位置。具体来说，从左向右滑动，最左边的两个面板似乎工作正常，但最右边的两个不会放大，直到鼠标穿过面板的一半。

什么会导致这个？

编辑：快速跟进，看起来放置在转换元素中的链接只能在元素的最左侧（对于两个左侧面板）或最右侧（对于两个右侧面板）的一半上单击。换句话说，点击区域仅对元素的“较近”一半有效。

首先，HTML（最小示例）：

和CSS：

我正在尝试进行 3d 转换/转换，以便在单击链接时运行我的网站长度以显示不同的选项。然而，它目前看起来很不整洁，因为立方体的每个面周围都有间隙，并且您可以看到立方体的每个面，无论它是否查看（即当它动画时，您可以看到您应该能够看到的文本看，它还给人的印象是，在动画制作时，条的宽度会变宽。

无论如何我可以整理一下吗？

我做了一个小提琴，可以在这里找到

当我使用

对于一个元素，发现这个元素只有一半可以点击，谁能帮帮我

我有一个基于 CSS3 构建的非常复杂的网站，它的 html 元素经过 3d 转换、旋转、翻转、翻转，并且通常会失真。

我试图找出其中一个元素在屏幕上的位置，但看不到任何方法。我想知道是否有人有任何巧妙的想法。

或者，如果有人可以解释背后的数学-webkit-perspective，我可以弄清楚这个位置，因为这是我唯一不确定如何建模的东西。

我正在寻找使用带有CSS的背景属性在Android上的Webview中翻转/镜像分配给DOM的图像，其中具有以下内容：

-webkit-transform:translate3d(280px,135px,0) scale3d(-1,1,1);

现在，问题在于，Android 的 Webkit 实现似乎不听 -webkit-transform 属性附加的 scale() 或 scale3d() 。话虽如此，有没有办法让图像成为 Android Webview 中自身的镜像？

顺便说一句，相同的 HTML5/JS/CSS3 代码在 Safari 和 iOS 模拟器中工作。此外， translate3d() 工作正常，但 rotate3d() 就像 scale3d() 一样失败。