CSS clean triangle looks blurry in firefox

I am trying to use the pure css triangle used in this article in CSS tricks http://css-tricks.com/snippets/css/css-triangle/ , but the look is blurred in firefox 14. Can I fix it, or is it just that ff doesn't display it correctly?

EDIT: here is a screenshot of how it looks like http://awesomescreenshot.com/0fcf904eb I thought this was a common problem, so I just posted a link to the article sorry about that

+5
source share
4 answers

use border-style: dotted;get rid of the blurry edge on FF. In principle, everything except border-style: solid;should work. This can be fixed last in FF, but I definitely experienced the same problem as you, but I could not test on different versions of FF.

For the record, I was on FF (15, I think) winXP

+1
source

I had the same problem. Turns out it was something with my graphics driver.

Check the settings Anisotropic Filteringin the 3D graphics driver. I had the installation on Override Application Settingsand 16x. After changing it before Use Application Settingsand restarting Firefox, the blur disappeared.

+6
source

. -, , .. ? , .

0
-moz-transform: scale(.9999);

.

0

All Articles