Anti-aliasing on rotated div with border image in firefox

by

Adding a translateZ seems to quick in a more accurate display and solve the issue:

-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: translateZ(1px) rotate(45deg);

updated fiddle

I added the translate in the transform since firefox has been going un-prefixed for 10 versions now.

More Related Contents:

  1. 3D CSS transform, jagged edges in Firefox
  2. text-overflow:ellipsis in Firefox 4? (and FF5)
  3. Setting transform-origin on SVG group not working in Firefox
  4. Units on “0s” Transition in Firefox
  5. Firefox -moz-border-radius won’t crop out image?
  6. Max-height ignored in Firefox, works in Chrome and Safari
  7. Hide scroll bar, but while still being able to scroll
  8. ‘transform3d’ not working with position: fixed children
  9. Does Firefox support position: relative on table elements?
  10. Html/Css Triangle with pseudo elements
  11. Why does applying a CSS-Filter on the parent break the child positioning?
  12. Prevent flicker on webkit-transition of webkit-transform [duplicate]
  13. Unskewing the ends of an assortment multiple skewed images
  14. Flexbox column-reverse in Firefox, Edge and IE
  15. Why does my Transform snap back?
  16. jQuery Drag/Resize with CSS Transform Scale
  17. How can I apply multiple transform declarations to one element?
  18. firefox proxy settings via command line
  19. Fonts looks different in Firefox and Chrome
  20. Install WebExtensions on Firefox from the command line
  21. CSS3 transform on click using pure CSS
  22. Flip a 3D card with CSS
  23. What does @-moz-document url-prefix() do?
  24. Position fixed doesn’t work when using -webkit-transform
  25. Make CSS3 triangle with linear gradient
  26. CSS Transform with element resizing
  27. How to apply font anti-alias effects in CSS? [duplicate]
  28. SVG Fill not being applied in FireFox
  29. The character encoding of the plain text document was not declared – mootool script
  30. 2 colors in one placeholder of input field

Leave a Comment