问题标签 [css-transforms]

我正在尝试制作一个可点击的框来禁用转换 CSS。我正在尝试用 javascript 覆盖 CSS，但它似乎不起作用。我希望他们在单击 后简单地向左和向下移动一点<a>，如果他们只专注于<input>.

在回答另一个问题时，我编写了一些简单的代码，以便在您向下滚动页面时为 PNG 的旋转设置动画。这工作正常，但在向上滚动反转动画时无法正常工作。

预计 PNG 会回到原来的位置，但会少几个像素。

小提琴：http: //jsfiddle.net/EnSkJ/3/

代码 ：

我有一个由 4 个 div 组成的立方体（几乎），我正在使用 CSS3 转换旋转它（目前仅限于 -webkit，因为这是用于 Chrome 扩展。）

但是，你会看到，如果你去http://jsfiddle.net/CxYTg/并点击“一”、“二”、“三”、“四”，然后再次点击“一”，最后一次旋转向相反方向移动以重置回原始方向。

有没有办法使用 CSS3 来解决这个问题？我想知道是否有办法做类似的事情：

（是的，我知道我可以使用 JavaScript 来做到这一点——但我想知道是否可以只通过 CSS 来做到这一点。）

我一直在玩动画 CSS3 媒体查询，是的，我知道它们的实际使用是有问题的，但它很有趣。无论如何，我可以在浏览器调整大小时让框/div/选择器转换/扩展/收缩等，但我在转换时遇到问题。我想要做的是使 div 翻转或以某些分辨率旋转。

可以将其想象为 iPad 从横向变为纵向，并在发生这种情况时翻转 div。

这实际上可能吗？如果是的话，我错过了什么/做错了什么？

与“ css transform, jagged edges in chrome ”类似，Firefox 在 3D 变换上也会出现同样的情况，例如：http: //jsfiddle.net/78d8K/5/（<- 记住：Firefox）

这一次，backface-visibility没有帮助:(

任何想法？

我正在建立一个地图网站，如谷歌地图。会有相互连接的图像块。将通过用鼠标拖动来探索地图，每次拖动后都会加载新图像。为了具有拖动探索功能，我找到了两种方法：

1. 调用滚动函数滚动到地图中的正确位置
2. 在地图上应用 css-transform translate 以便地图的右侧部分进入显示区域。

问题是，这些方法之间是否存在性能差异？（主要是在渲染速度和拖动平滑度方面）另外，还有其他标准可以选择其中一种方法吗？

无论出于何种原因，当我将 CSS 转换应用于已经应用了文本阴影的段落时，文本阴影的颜色将成为段落的颜色，而不管我的 CSS 中为文本阴影指定的颜色如何。这个问题似乎只发生在 Chrome 上，它在 Firefox 中运行良好。下面的示例网站应该证明这一点。

有没有办法对段落应用旋转并让它正确呈现文本阴影？

这是我的CSS代码：

我想从这个类中获取过滤器矩阵 M11 值。在这种情况下，我尝试了：

和其他几个变体，但我什么也没得到。有人知道如何从节点 n 获取 M11 值吗？基本上我需要这个来计算 IE7 中的旋转度数。

http://jsfiddle.net/nicktheandroid/yWKMD/

看例子，当你点击元素时，它从front到旋转back，问题是它没有围绕它的中心旋转，就像它失去平衡一样，将鼠标放在front侧面的左边框，单击元素, 并看看back现在一方的位置是如何关闭的。它们应该位于完全相同的位置。

我注意到当我删除填充/边距/边框时，它会很好地旋转，但我需要在那里有填充和边框。有没有办法用填充和边框来做到这一点 - 这样它就会围绕中心旋转，而不是偏向一边？

我正在尝试实现一个文本旋转 -90 度的表格。到目前为止，我一直在使用文本的图像，但是我希望将其更改为文本。

有一些问题我似乎无法解决。

1. 第 07 列文本溢出到第 08 列。
   • 我不能用溢出来解决这个问题：隐藏；因为我必须将宽度和高度都设置为 200px 才能获得正确的形状。
2. 我必须设置旋转文本的宽度和高度，这使得使用起来不太灵活，这也导致了问题 1。
3. 我必须将边距设置为“0 -100px”，因为我必须将宽度设置为 200px，但是一旦旋转它的宽度仍然是 200px，这会使表格变得非常大。
4. 如果更改字体大小，则它不再适合列。
5. 字体看起来很糟糕，很难阅读。我认为这将在浏览器的未来更新中自行解决。

这是它的一个jsFiddle

http://jsfiddle.net/CoryMathews/ZWBHS/

我需要它工作，并在 IE7+、Chrome、FF 和 Opera 中达到同样的效果。

关于如何改进这种方法使其真正可用的任何想法？我的一些想法是：

1. 我可以在页面加载时使用一些 javascript 计算宽度、高度等，这将解决上面的问题 2 和 3，但不能解决问题 1。但是我讨厌依赖 javascript 进行显示。

2. 也许我滥用了可以让我更好控制的变换原点。我目前使用的数字“0 0”让我可以轻松计算所需的大小。