Appleのアプリのアイコンのような、なめらかな角丸の四角形をCSSでつくりたいので、研究してみた。｜Takumi HASEGAWA (unshift Inc.)このツールでは、Appleのアプリアイコンなどに採用されているような滑らかな角丸四角形をCSSのclip-pathを使って再現し、そのコードをコピーできたり、SVGをダウンロードできるようになっています。角丸の形式はCorner Typeから選べるようになっています。それぞれの角丸の形式ごとに個別のパラメータがありますが、それは後述します。 調べてみたきっかけきっかけとしては、AppleのWWDC2025のセッションでした。話題になったLiquid Glassの紹介の動画を見ていたら、Appleやその他のSNSなどで結構前からすでに色んなところで使われている、角が滑らかな四角形がUIに使われており、あらためて「やっぱり普通の角丸よりも美しいな」と思うと同時に、これCSSでできるんだっけ？と思ったのが最初の取っかかりでした。 The latest project I’ve been work
