Hovering over CSS transition in Safari lightens certain font color

Question

In my CSS I defined a transition for a class. For some reason, when I hover over the class with the transition, the transition-duration for some reason alters t

Answer 1

Thanks to the identification of anti-aliasing above, as well as help from the articles below, I modified my code to include translate3d(0,0,0) and the problem disappeared:

    -webkit-transition-duration: .17s, .17s translate3d(0,0,0);

The transition isn't as smooth as it once was but that's a subject for another question.

Wonky text anti-aliasing when rotating with webkit-transform in Chrome

http://johanbrook.com/design/css/a-fix-for-antialiasing-issues-in-webkit-browsers/

http://www.webkit.org/blog/386/3d-transforms/