BORDER RADIUS STUDIO

把四个角,
调成你想要的形状。

四角独立调节,也可以锁定同步。需要更自由的形状时,开启椭圆模式,分别控制水平与垂直半径。

LIVE SHAPE
STANDARD
BITLEAP / SHAPEpx
Shape the
quiet details.

边框圆角很小,但它会直接改变一个界面的气质。

TL
左上
radius
28px
TR
右上
radius
28px
BR
右下
radius
28px
BL
左下
radius
28px
CSS OUTPUTSTANDARD RADIUS
border-radius: 28px;
TAILWIND
rounded-[28px]
4 CORNERS

标准模式按左上、右上、右下、左下分别控制,也可以一键锁定四角同步调整。

ELLIPTICAL

开启椭圆模式后可独立控制水平 / 垂直半径,生成带 `/` 的完整 CSS 语法。

EXPORT

可以复制完整 CSS、单独 radius 值,也提供 Tailwind arbitrary value 形式。

BitLeap · 本地计算 · 隐私优先