Crisp pixel art in Firefox 3+

[abstauber]

I keep forgetting how to disable bilinear filtering in Firefox, so that all zoomed images don't appear blurry anymore.

Here's the fix (more as a memo to myself )

* open the url "about:support"

* Click on "open profile folder" (or whatever it is called in your locale)

* Open the folder called "chrome" inside that profile folder, or create it, if it isn't there.

* create a file called "userContent.css" and put this in:

Code:

img[src$=".gif"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
img[src$=".png"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

Voilá