当我在悬停上水平移动<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/

最佳答案

悬停时没有像素化边界,我认为此问题是由于您的内存较低或显示器旧而引起的

关于css - CSS3过渡转换像素化,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26933310/

10-13 03:18