wopian / smooth-corners

CSS superellipse masks using the Houdini API

Home Page:https://wopian.github.io/smooth-corners/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Any way to calculate --smooth-corners property value to pixels?

venkatasrikanthkarri opened this issue · comments

What value should i give to the --smooth-corners to get 4px border-radius, Is there any formula to calculate this?

Values between 40 and 46 is roughly equivalent to 4px on 160px squares.

I'm not sure how the superellipse equation can be mapped to a pixel value however as the final radius is dependant on and scales with the element dimensions, so larger dimensions will have a larger apparent radius and vice versa.