How can I fix the image wiggle on transform? Embedly on the page fixes it?

65 views Asked by At

If the size of the image is 200.51px there is no wiggle, but if it is 200.49px there is a wiggle due to the transformation matrix rounding. This is detailed in this article Chrome Font appears Blurry

An interesting thing though, is if I have an Embedly component on the page, the issue goes away. What is Embedly adding to the global css?

Before I try to implement something like the link demonstrates to fix my wiggle problem when doing transform: scale(1.1);, I would like to know if there is a more straightforward fix that can be added to my css, as it seems that Embedly is doing that.

Thank you for any insight in advance.

0

There are 0 answers