Created attachment 285569 [details] Blur Bug We have found a situation, where (sibling) layers are causing the result of a `scale` transform to be blurry. Please have a look at the attached html file. In the attached file, we used `translate3d` to force a layer. This can also be reproduced when using `position: fixed` instead. We have found out that adding a layer will also force a layer for the next siblings. We can work around the blur by adding a new parent to the `scale` transform, so that the div containing the `scale` does not use a layer (in this case, the parent holds the layer). Firefox and Chrome can render the text fine. This is probably also the cause of https://bugs.webkit.org/show_bug.cgi?id=133801 - but we ran into it just by trying to scale a div.
I am able to reproduce this bug in Safari Technology Preview 155 where the second line in the attached test case is "Blurry" compared to Chrome Canary 108 and Firefox Nightly 107. Just wanted to share updated results. Thanks!
*** This bug has been marked as a duplicate of bug 27684 ***