CSS3过渡变换像素化

Question

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

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);
}

在这里 fiddle :http://jsfiddle.net/4gw8wcxg/1/

Answer 1

悬停时没有像素化的边框，我相信这个问题是因为你的低内存或旧显示器导致的