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轉換變換像素化

回答

相關問題