Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can i stop “flickering” on :hover? Re: Can i stop “flickering” on :hover?

#137418
JohnMotylJr
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;
}