CSS 按比例移动文本 Safari
CSS moving text by scale Safari
我的一些 css 代码有问题。
我构建了一个悬停，里面有一个图像，可以缩放。在每个浏览器中，除了 Safari 之外，它似乎都还不错。
我用这段代码解决了这个问题，没有用。
transform: translate3D(0,0,0);
-webkit-font-smoothing: antialiased;
backface-visibility: hidden;
您可以在此处找到完整的代码。
Jsfiddle
我认为这是某种抗锯齿问题，但我不知道如何解决它:(
尝试将 1px 的 perspective 添加到您的缩放变换中，即：
transform: perspective(1px) scale(1.2);
这可以解决类似于您所描述的常见跨浏览器问题。另见：http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/
[已解决]
我刚刚解决了这个问题，感谢 bwright。
我加了
-webkit-backface-visibility: hidden;
到 wrap img
和
transform: perspective(1px) scale(1.2) ;
到 wrap:hover img
它解决了这个问题，现在它在 safari 中很流畅。
我的一些 css 代码有问题。
我构建了一个悬停，里面有一个图像，可以缩放。在每个浏览器中，除了 Safari 之外，它似乎都还不错。
我用这段代码解决了这个问题，没有用。
transform: translate3D(0,0,0);
-webkit-font-smoothing: antialiased;
backface-visibility: hidden;
您可以在此处找到完整的代码。 Jsfiddle
我认为这是某种抗锯齿问题，但我不知道如何解决它:(
尝试将 1px 的 perspective 添加到您的缩放变换中，即：
transform: perspective(1px) scale(1.2);
这可以解决类似于您所描述的常见跨浏览器问题。另见：http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/
[已解决]
我刚刚解决了这个问题，感谢 bwright。
我加了
-webkit-backface-visibility: hidden;
到 wrap img
和
transform: perspective(1px) scale(1.2) ;
到 wrap:hover img
它解决了这个问题，现在它在 safari 中很流畅。