CSS3转换变换像素化

当我在悬停时水平移动<div>时，垂直边框变得有点像素化并显示“阶梯”效果。有没有办法保持垂直线条的美观和紧密？这是我的代码：CSS3转换变换像素化

enter image description here

div.move { 
background-color:red; 
height:400px; 
width:200px; 
-webkit-transition: all .5s ease-out;  
-moz-transition: all .5s ease-out; 
-ms-transition: all .5s ease-out; 
-o-transition: all .5s ease-out; 
transition: all .5s ease-out; 
} 
div.contain:hover .move { 
-webkit-transform:translate(184px); 
}

小提琴这里：http://jsfiddle.net/4gw8wcxg/1/

来源

2014-11-14 Iwan

它在小提琴中移动得很漂亮。你有没有尝试硬件加速的CSS？ [链接]（http://davidwalsh.name/translate3d） – 2014-11-14 15:29:01

我必须错过一些东西，我只是看到一个红色的盒子正在移动。 – 2014-11-14 15:29:02

在我的Chrome浏览器中，垂直边框在移动时崩溃。我如何使用加速的css？ – Iwan 2014-11-14 15:39:22

没有像素化的边界徘徊的时候，我相信这个问题是因为你的低RAM或旧显示器的

来源

2014-11-14 15:34:43

该死的，我只是检查了我的笔记本电脑，它运行顺利。所以你可能是对的。谢谢！ – Iwan 2014-11-14 15:47:12

CSS3转换变换像素化

回答

相关问题