CODEWITHSUNDEEP
csstransformcss-transitionstransition
Iwan
Iwan

Reputation: 3

CSS3 transition transform pixelated

When I move a <div> horizontally on hover, the vertical borders become a bit pixelated and show a "stairs" effect. Is there a way to keep the vertical lines nice and tight? This is my code:

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

Fiddle here : http://jsfiddle.net/4gw8wcxg/1/

Upvotes: 0

Views: 595

Answers (1)

Alireza Peer
Alireza Peer

Reputation: 908

there is no pixelated borders when hovering, i believe that this problem happens because of your low ram or old monitor

Upvotes: 1

Related Questions