Glossy text animation in jQuery

I have text links that change color to hover using CSS and move left using jQuery.

In most cases, it works fine, but when the text starts with capital β€œA”, say, it leaves a strange mark on the text character. This happens in webkit browsers (but not in Firefox).

You can see it in action using this jsFiddle

Is there any way to get rid of this error?

+7
source share
2 answers

Wow, my first feeling was right: add a little pad to the sides and it works fine: http://jsfiddle.net/k3vnd/1/

I don’t know how to explain this, it just resembles errors from the programming background. I think this is the problem of the internal website.

+5
source

I don’t know why this is happening, but there seems to be a problem with putting a small link to the link:

 .links { position:absolute; left:20px; margin-top:25px; font-size:16.5pt; font-family: Garamond, Palatino, sans serif; font-style:italic; padding: 1px; /* <=== added this line */ }​ 

See how it works here: http://jsfiddle.net/jfriend00/LvT2h/

+1
source

All Articles