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

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

Answer 1

悬停时没有像素化的边框，我相信这个问题是因为你的低ram或老显示器而发生的