Firefox blurs an image when scaled through external CSS or inline style.

by

I discovered this new feature of FireFox:

http://developer.mozilla.org/En/CSS/Image-rendering

So putting this in your CSS will fix it:

image-rendering: -moz-crisp-edges;

Thought I’d share this info. Sorry for answering my own question 😉

More Related Contents:

  1. SVG data image not working as a background-image in a pseudo element
  2. How can I resize an image dynamically with CSS as the browser width/height changes?
  3. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
  4. Center multiple images horizontally in CSS
  5. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  6. Custom CSS Scrollbar for Firefox
  7. CSS Image size, how to fill, but not stretch?
  8. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  9. How to vertically align an image inside a div
  10. CSS @font-face not working with Firefox, but working with Chrome and IE
  11. Content url does not display image on firefox browser
  12. :not() selector not behaving the same between Safari and Chrome/Firefox
  13. Drop shadow for PNG image in CSS
  14. Custom Cursor Image CSS
  15. 3D CSS transform, jagged edges in Firefox
  16. firefox overflow-y not working with nested flexbox
  17. How to put an image in div with CSS?
  18. Responsive Images with CSS
  19. How to implement wordwrap on jqGrid which works on IE7, IE8 and FF
  20. How to hide scrollbar in Firefox?
  21. How can I zoom an HTML element in Firefox and Opera?
  22. Firefox ignores padding when using overflow:scroll
  23. Faster way to develop and test print stylesheets (avoid print preview every time)?
  24. What is the correct “-moz-appearance” value to hide dropdown arrow of a element
  25. Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
  26. Preventing an image from being draggable or selectable without using JS
  27. Define an ‘s src attribute in CSS [duplicate]
  28. position relative in firefox [duplicate]
  29. Contain an image within a div?
  30. vertical-align image in div [duplicate]

Leave a Comment