Skip to main content
Question

FIX: Corner radius becomes pixelated when using Smart Animate

  • December 20, 2024
  • 0 replies
  • 183 views

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.

This topic has been closed for replies.