[JS/CSS] corner smoothing을 구현하는 법(feat. 부드러운 둥근 모서리)
1. 들어가기 전에…우리는 iOS 디바이스에서 표현되는 요소가 부드럽다는 느낌을 받는다. 특히 둥근 모서리를 가진 요소는 더욱 부드럽게 보인다. 물론 iOS의 소프트웨어나 디스플레이가 우수한 이유도 있지만, 모서리를 부드럽게 표현하는 기능이 적용되어 있기 때문이다…!Swift의 경우, IOS 구현시 코너를 부드럽게 하는 옵션(.continuous)을 제공한다.그래서 RoundedRectangle에 style을 “.continuous”로 지정하면 부드러운 모서리가 적용된다.RoundedRectangle(cornerRadius: 100, style: .continuous).fill(-pink).frame(width: 200, height: 150)물론 Swift를 쓰지 않아도 Figma에서 부드러운 모서리를..
2024. 6. 18.
