Slide up boxes have weird glowing text on Safari (I totally made a JS fiddle)

[JNycz]

I’m using Chris’ slide up boxes for a project and somewhere along the way they got these weird bold-normal-bold effects on the text during the transition and I can’t for the life of me figure it out. Rather than bash my head against a wall until I figure it out I figured I’d drop a line here over the weekend and see what you mad geniuses notice that I’m doing wrong!

Oh yeah, and it only happens in Safari, almost forgot to mention that.

Thanks guys (JSFiddle link below)

http://jsfiddle.net/N5xt4/1/

[Chris Coyier]

Just a sucky safari thing I think. The text aliases differently while being animated. I’m not sure much can be done about it other than bitching at Apple to work harder on Safari.

[JNycz]

Thanks Chris!

[Johnnyb]

If it makes you feel any better it doesn’t appear to be happening in Safari on Windows (at least not Windows 7).

[Author]

Posts