Преобразование перехода CSS3 pixelated

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

нет неровной границы при наведении курсора мыши, я считаю, что эта проблема возникает из-за вашего низкого барана или старого монитора