---
title: 角丸
date: 2024-05-29T02:35:28.000Z
updated: 2026-01-08T14:51:00.651Z
url: https://baku89.com/ja/%E8%A7%92%E4%B8%B8
---

# 角丸

`border-radius`には緩和曲線（クロソイド曲線）が無い

- 最近CSSに提案されている！→ [corner-shape - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/corner-shape)

### いろんなデザインシステムの角丸

- Material Icons

  - κ=0.55 のやつだ
  - ![](https://wp.baku89.com/wp-content/uploads/2026/07/scrapbox-679c1a31cda92230294fa78e.png)