Question

我在这里找到了很多关于解决方案的问题，但似乎没有一个对我有用。放大后，文字模糊，然后它闪烁到位。渲染有问题。

我用我想要使用的确切结构制作了一个小提琴，如果有人有解决方案，我会很感激。

我想强调一下，我已经尝试了我在这里找到的解决方案，但没有一个帮助，或者我没有按预期实现它们。

FIDDLE： https://jsfiddle.net/1yu9p66L/1/

.box1:hover {
    -moz-backface-visibility: hidden;
    -moz-transform: translateZ(0) scale(1.0, 1.0);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.09);
    -moz-perspective: 1000;
    -moz-backface-visibility: hidden;
}

PS：目前正在测试FF 45.0.1。

Answer 1

将变换添加到原始框，将其缩放为＆lt; 1然后将悬停状态下的变换更改为1.您需要调整框的大小。

这个.box1，例如：

-webkit-transform: scale(.9);
-ms-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);

和.box1：hover

-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);

https://jsfiddle.net/1yu9p66L/2/

模糊＆amp; CSS转换的闪烁问题

1 个答案: