Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8829

Figmaで角を丸くする方法(border-radius)

$
0
0

Figmaで表を作ったときに、四隅の角の丸みを角ごとに変えたいと思ったときに
どうやってやるんだっけとなったので、備忘録として残しておきます。

こちらを読めば、こんな感じで角ごとに丸みを変えることができるようになります。

83259fff6716b6f4c7fecf4bce14be65.png

STEP1

まずは、適当に図形を作ります。
9f3677a538d89182a58bf73cbd025449.png

STEP2

ここの数値を調整すると全体の角が丸くなります。
5f5ff3a08a7517390ef05f37fed2a20b.png

STEP3

四隅を個別に調整するためには、横の四角っぽいやつをクリックします。
d7bb7e19673a341d0bd2aeb41f4137b1.png

STEP4

そして、四隅の丸み具合を調整できるようになりました。
順番は
左上(200)→右上(20) → 右下(500) → 左下(0)
です。
578dd68708587266eecdd870ca99080f.png


Viewing all articles
Browse latest Browse all 8829

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>