Skip to main content
Question

FIX: Corner radius becomes pixelated when using Smart Animate


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.

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings