Home › Forums › CSS › Can i stop “flickering” on :hover? › Re: Can i stop “flickering” on :hover?
June 3, 2013 at 7:14 am
#137418
Participant
Update #1: Manipulating the hover with JavaScript still causes the screen to flicker white.
Trying: Removing element transitions to see if that is the problem, then trying on a standard block element.
Update #2:
Original Code: (Lot’s of flicker on hover)
div.cart {
-webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: -moz-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: -o-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
Changed To: (Still flickers, cut back of about 50%)
div.cart {
-webkit-transition: -webkit-transform 200ms ease-in-out;
-moz-transition: -moz-transform 200ms ease-in-out;
-o-transition: -o-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
}