Loading video...

Video Failed to Load

Go Home

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

436,700 views • 5 months ago •via X (Twitter)

10 Comments

池田 泰延's profile picture
池田 泰延5 months ago

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

Milan Ricoul's profile picture
Milan Ricoul5 months ago

And the lightweight JS fallback

池田 泰延's profile picture
池田 泰延5 months ago

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's profile picture
IC5 months ago

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

池田 泰延's profile picture
池田 泰延5 months ago

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.

笑林's profile picture
笑林5 months ago

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

Zafar's profile picture
Zafar4 months ago

corner-shape property is a nice addition to CSS.

池田 泰延's profile picture
池田 泰延4 months ago

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

Omar Sacca — ortho*'s profile picture
Omar Sacca — ortho*5 months ago

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

池田 泰延's profile picture
池田 泰延5 months ago

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

Related Videos