Programming, graphics, games, media, C++, Windows, Internet and more...
Entries for tag "css", ordered from most recent. Entry count: 1.
# Nearest-Neighbor Filtering in HTML
Wed
05
Dec 2012
In 3D graphics programming, when a texture is enlarged, sampler performs filtering to interpolate between texture pixels. That's also what happens by default when an image is resized on HTML page - browser does some interpolation (e.g. bilinear or bicubic), which makes the image blurry.
What if you have a small pixel-art image and you want to show it on a web page as pixelated, not blurred? It turns out there are nonstandard CSS attributes for this. I found these two - first one is for Internet Explorer and the second one works in Firefox.
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;