CSS3 animation twitch bug on opacity fade

To fix the twitching that happens during CSS3 animations such as fade, oddly enough, just set the backface-visiblity property to hidden.

Works like a champ.

SCSS

.my-hover {
@include single-transition(opacity, .3s, linear, 0s);
@include backface-visiblity(hidden);

&:hover {
opacity: .9;
}
}

Leave a Comment