css transform, jagged edges in chrome

by

In case anyone’s searching for this later on, a nice trick to get rid of those jagged edges on CSS transformations in Chrome is to add the CSS property -webkit-backface-visibility with a value of hidden. In my own tests, this has completely smoothed them out. Hope that helps.

-webkit-backface-visibility: hidden;

More Related Contents:

  1. Blurry text after using CSS transform: scale(); in Chrome
  2. Bug with transform: scale and overflow: hidden in Chrome
  3. Background color not showing in print preview
  4. CSS Border radius not trimming image on Webkit
  5. content attribute of img elements
  6. CSS3 calc(100%-88px) not working in Chrome [duplicate]
  7. rounded corners on html5 video
  8. CSS3 – How to style the selected text in textareas and inputs in Chrome?
  9. How to keep a flex item from overflowing due to its text? [duplicate]
  10. What is a user agent stylesheet?
  11. css z-index lost after webkit transform translate3d
  12. Modifying the built-in newtab page
  13. Chrome Extension Content Script on https://chrome.google.com/webstore/
  14. How can I enable my chrome extension in incognito mode?
  15. Prevent Address-Bar hiding in mobile Browsers
  16. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  17. Send desktop notifications in Chrome or Firefox from a closed web app?
  18. Why do browser implementations of HTTP/2 require TLS?
  19. HTML 5 Video “autoplay” not automatically starting in CHROME
  20. Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
  21. How does Netflix prevent users from taking screenshots of chrome browser?
  22. when scaling an element with css3 scale, it becomes pixelated until just after the animation is complete. I’m animating an element with a border
  23. Chrome displays different object contents on expand
  24. text-decoration not working for visited state link
  25. Chrome Console SameSite Cookie Attribute Warning
  26. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  27. Image moves on hover when changing filter in chrome
  28. Chrome video autoplay
  29. @media query not working in mobile. Works fine in Chrome
  30. How to play CSS3 transitions in a loop?

Leave a Comment