正在加载视频...

视频加载失败

きれいな角丸、CSS編。 ←機械的な角丸 スムーズな角丸→

436,700 次观看 • 5 个月前 •via X (Twitter)

10 条评论

池田 泰延 的头像
池田 泰延5 个月前

CSSのcorner-shapeプロパティで、 スーパー楕円ができます。 ↓

Milan Ricoul 的头像
Milan Ricoul5 个月前

And the lightweight JS fallback

池田 泰延 的头像
池田 泰延5 个月前

Cool js library 👍 My guess is that Safari might support it within the next year or two, but it’ll probably take another two or three years from now before it becomes Widely Available.

IC 的头像
IC5 个月前

Recently I was working with the corner-shape CSS, It's really an underrated property, it actually makes the UI look premium.

池田 泰延 的头像
池田 泰延5 个月前

I agree. corner-shape is one of those CSS features that can quietly make a UI feel more polished. I really hope Safari and Firefox put more work into supporting it.

笑林 的头像
笑林5 个月前

分享我发现的一种寻找接近 iOS 连续圆角风格的方案,

Zafar 的头像
Zafar4 个月前

corner-shape property is a nice addition to CSS.

池田 泰延 的头像
池田 泰延4 个月前

I feel the same way. Superellipse, along with the other options, is really compelling.

Omar Sacca — ortho* 的头像
Omar Sacca — ortho*5 个月前

All this time I’ve been calling it a squircle 😅

池田 泰延 的头像
池田 泰延5 个月前

That’s not wrong at all 😄 “Squircle” is the common nickname. Technically, the CSS article is about `corner-shape` and superellipse-like corners.

相关视频