Firefox – Skewed text – anti-aliasing

[nizzu]

I have a problem with my website when I am using skrewX(-5deg) I on my element whole element in firefox only text is jagged and it’s moving few pixels, Chrome and safari looks good only on firefox.

Anyone knows how to fix this issue, thanks in advance!

[nizzu]

I am using Firefox 36.0.4 below you can find the link if you look int firefox you will notice ‘next generation…’ text is moving and sometimes even when you hove on other section on the same page some weird issue on text happens.

http://goo.gl/4shHPO

thanks in advance!

[Paulie_D]

Also, reproduce the problem in Codepen

Links aren’t really useful…we’d have to wade through reams of your code using Developer Tools hoping to find the right place to maybe tweak your code.

If you make a demo in Codepen that reproduces the problem…

Firstly, you may actually find a resolution yourself when you reduce your code to just enough to reproduce the problem.

https://css-tricks.com/reduced-test-cases/

Secondly, you save us time by only producing code to actually show the issue …and

We can tweak the code ourselves AND be able to share the results to see if it’s what you are after.

Help us help you.

[Author]

Posts