Text anti-aliasing

[codesignist]

While on move texts are shaking. But, on stripe website menu texts seem very smooth.
Is this problem occurring because of anti-aliasing?

On stripe website they have used these styles:

-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "pnum";
font-feature-settings: "pnum";
font-variant-numeric: proportional-nums

[aholachek]

Hi, thanks for pointing this out.
I think the issue stems from how some browser / screen combinations handle the scale transform more so than the text aliasing. Your issue made me experiment with will-change:transform on the relevant elements and I think it does help a lot on Chrome and Safari, although there is still a jitter in Firefox. Could you check out the updated version and let me know if it looks any better to you?

[codesignist]

Hi,
Updated version looks very good.
I applied your changes to my project, but unfortunately my menu is still shaking.
(I'm testing on Chrome 76)