问题标签 [css-transforms]

更新：此问题已通过更新到最新的 fancybox css 得到纠正。

我正在构建一个带有缩略图的投资组合网站，这些缩略图使用 css 转换/转换在悬停时放大。问题是，当我查看弹出窗口时，如果我移动鼠标，弹出图像会在页面周围闪烁/跳跃。这是链接的相关CSS：

如果我只是从 .thumb a 样式中删除“display:block”，Fancybox 可以正常工作，但是我的转换根本不起作用。或者，如果我离开“display:block”但从 .thumb a 样式中删除所有过渡规则，Fancybox 工作正常，缩略图缩放，但没有平滑过渡。有没有办法解决冲突，所以我可以有一个稳定的 Fancybox 弹出窗口以及平滑的缩略图转换？

我正在执行 CSS 转换：在父级上旋转，但希望能够对某些子级进行否定 - 是否可以不使用反向旋转？

反向旋转确实有效，但它会影响元素的位置，并且可能会对性能产生负面影响（？）。无论如何，它看起来都不是一个干净的解决方案。

我尝试了这个问题的“transform：none”建议防止孩子继承转换 css3，但它根本不起作用 - 请在此处查看小提琴：http: //jsfiddle.net/NPC42/XSHmJ/

有没有办法用 jQuery 判断动画何时达到其动画的 100%？

编辑：@Archer 的答案似乎解决了这个问题。（请投票给他，因为我没有足够的积分来做这件事）。
要了解有关该错误的更多信息，请单击此处： http: //www.viget.com/inspire/webkit-transform-kill-the-flash/

我的问题不容易解释。我在 jsfiddle 上编写了一个测试用例。您可以在本文底部找到链接。

在单击演示链接之前，请注意以下事项：

确保您使用的是谷歌浏览器。（因为 CSS 中的 -webkit 前缀）。

第一次单击橙色按钮时请注意。在动画开始之前，您应该会看到一种短暂的闪光。当您再次尝试时（单击重置按钮后）一切正常，没有闪烁的屏幕。但是，如果您清除浏览器缓存 (CTRL-SHIFT-DEL)，关闭浏览器，然后重新加载页面，就会再次出现问题。
我希望我解释清楚。

演示：http: //jsfiddle.net/NKQNX/14/

（对不起我的拼写，英语不是我的第一语言）

我的背面可见性属性有问题。它可以在 Safari/Chrome 中按我想要的方式工作，但由于某种原因，它在 Firefox 中无法正常工作。

当盒子翻转时，我得到正面的镜像。

我有两个 mixin，它们都转换为-webkit-transform：

当我一起使用它们时：

...他们（如预期）显示为：

这似乎不是有效的 CSS，因为第二个优先于第一个；第一个被丢弃。要合并transform条目，它应该是：

我怎样才能完成这样的 CSS 由 LESS 生成，即transform正确组合的多个条目？

我遇到了一个问题，<input type="number"/>当使用 bootstrap 1.4 时，向上/向下微调器没有显示在我的元素中。微调器仍然存在：您可以单击它们来增加/减少数字，即使它们不可见。

我想我已将其范围缩小到以下 CSS 声明。请参阅http://jsfiddle.net/tKTRx/1/。

这个造型有什么作用？有没有办法解决它？（在更高版本的引导程序中这似乎不是问题，但我还不能升级）。

除了http://2012.beercamp.com/和http://acko.net/你知道在野外使用 CSS 3D 变换的任何例子 吗？

我需要获得几个不同元素的实际高度（为了精确的自定义工具提示定位），并且其中一些元素（不是全部）被旋转。$(elem).outerHeight() 返回原始高度，而不是实际显示的高度。

这是一个非常简单的例子：http: //jsfiddle.net/NPC42/nhJHE/

我在这个答案中看到了一个可能的解决方案：https ://stackoverflow.com/a/8446228/253974 ，但我仍然希望有一个更简单的方法。

I've often been told that CSS 3D transforms are hardware accelerated in Mobile Safari which makes me wonder if the implication is that 2D transforms are not? I can think of no reason why they wouldn't be, since they can basically all be implemented as 3D transforms, but I would like to know for sure.

If it turns out that 2D transforms are not hardware accelerated, any insight as to why would be much appreciated.