破事水
如果你用的是先进的 Chromium 浏览器,可能已经注意到了右上角的navigator bg和往下滚会出现的 back-to-top 按钮,它们的圆角比常见的css圆角更圆润一点:
一般圆角:
好看圆角, 当然这个的浏览器支持很有限,比如你是火狐就看不出区别(fallback了):
因为前者是简单的1/4圆弧拼接而后者是G2曲率连续的图形拼接没看实现但是应该更复杂一点,详细区别可以看b站,总之过渡要平滑不少。
但是copy不到G3连续的代码,可能确实比较吃性能?但是我假设用户最不缺的就是性能。等有空了手搓一个。
哦差点忘了,我用的相关实现见css houdini squircle