Ho dei collegamenti di testo che cambiano colore su hover con CSS e si sposta a sinistra con jQuery.Animazione di testo glitch in jQuery
La maggior parte delle volte funziona correttamente, ma quando il testo inizia con una "A" maiuscola, ad esempio, lascia una strana scia dietro il carattere del testo. Questo succede in webkit broswers (ma non in Firefox).
You can see it in action with this jsFiddle
C'è un modo per sbarazzarsi di questo problema tecnico?
wow, il mio il primo feeling era giusto: aggiungere una piccola imbottitura ai lati e funziona bene: http://jsfiddle.net/k3vnd/1/
Non so come spiegarlo, ricorda solo i bug di programmazione in background. Penso che sia un problema interno del webkit.
Per qualche motivo funziona solo con una spaziatura di 2px o più; 1px non fa il trucco ... – bravokiloecho
Non so perché lo fa, ma mettere una piccola quantità di imbottitura intorno il link sembra risolvere il problema:
.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 */
}
Vedi funziona qui: http://jsfiddle.net/jfriend00/LvT2h/
non funziona in Safari 5. Ho ancora ottenuto la riga iniziale su A – Henesnarfel
Continuo a vedere l'artefatto che compare. – j08691
Sì, ho ancora il problema in Chrome e Safari – bravokiloecho
Solo una nota non è riuscita a far funzionare l'animazione in modalità compatibilità IE 9. – Henesnarfel
Sembra che il corsivo lo faccia per me. Rimuovendo anche rimosso gli artefatti. – j08691