Just wanted to share a fix to an issue I’ve been struggling with and couldn’t find the solution to on this forum.
Issue: I have a 48px tall pill shaped button. I’ve set the corner radius to a high number like 9999
. When hovering, the button gets a label so the button width naturally increases – but during the transition of eg. 300ms using Smart Animate, the button edges becomes pixelated.
Solution:
Simply set the the corner radius to 24
.
Hope it works for you too. Cheers.